An error occurred while processing the template.
The following has evaluated to null or missing:
==> withoutBars [in template "20097#20123#80421" at line 17, column 30]
----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----
----
FTL stack trace ("~" means nesting-related):
- Failed at: #if !getterUtil.getBoolean(withoutBar... [in template "20097#20123#80421" at line 17, column 1]
----
1<#assign site_url = "#"/>
2<#if WebContent.getData() != "">
3<#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") />
4<#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") />
5<#assign webContentData = jsonFactoryUtil.createJSONObject(WebContent.getData()) />
6<#assign asset = assetEntryLocalService.getEntry( webContentData.className, getterUtil.getLong( webContentData.classPK ) ) />
7<#assign webArticle = asset.getAssetRenderer().getArticle() />
8<#assign page_group = layout.getGroup()/>
9<#assign site_url = htmlUtil.escape(page_group.getDisplayURL(themeDisplay, false))/>
10<#assign site_url = site_url+"/-/"+webArticle.getUrlTitle()/>
11</#if>
12
13<#assign barsClass = "" />
14
15
16
17<#if !getterUtil.getBoolean(withoutBars.getData())>
18 <#assign barsClass = "side-bars" />
19</#if>
20
21<div class="${barsClass} ddd">
22<div class="content">
23<#if (video.getData())?? && video.getData() != "" >
24 <video playsinline autoplay preload="none" class="intro w-100 h-100vh" muted >
25 <source src="${video.getData()}" >
26
27 Your browser does not support the video tag.
28 </video>
29 </#if>
30 <#if (backgroundImg.getData())?? && backgroundImg.getData() != "">
31 <img class="banner-background" alt="${backgroundImg.getAttribute("alt")}" data-fileentryid="${backgroundImg.getAttribute("fileEntryId")}" src="${backgroundImg.getData()}" />
32</#if>
33</div>
34
35 <section class="absolute-aligned banner-title">
36 <div data-aos="slide-right" data-aos-duration="1000" >
37 <div class="row p-0 m-0 ">
38 <div class="col p-0">
39 <h2 class="intro-header hv-header color-accent f-roman">
40 ${HeadLine.getData()}
41 </h2>
42 </div>
43 </div>
44 <#if (bannerDesc.getData())?? && bannerDesc.getData() != "" >
45 <p class="banner-description" >
46 ${bannerDesc.getData()}
47 </p>
48 </#if>
49 <#if ButtonText.getData() != "">
50 <div class="row">
51 <div class="col">
52 <!--${site_url}-->
53 <a href="${site_url?replace('https://localhost:8080/web/guest', "")}" class="btn btn-primary more-details-banner mt-3">${ButtonText.getData()}</a>
54 </div>
55 </div>
56 </#if>
57 <#if scrollButtonText?has_content && scrolledSection.getData() != "" && scrolledSection.getData() != '0'>
58 <div class="row">
59 <div class="col">
60 <!--${site_url}-->
61 <button id="bannerBtn" class="btn btn-primary more-details-banner mt-3">${scrollButtonText.getData()}</button>
62 </div>
63 </div>
64 </#if>
65 <#if (bannerFloatingImg.getData())?? && bannerFloatingImg.getData() != "">
66 <img class="banner-floating-img" alt="${bannerFloatingImg.getAttribute("alt")}" data-fileentryid="${bannerFloatingImg.getAttribute("fileEntryId")}" src="${bannerFloatingImg.getData()}" />
67</#if>
68</div>
69</section>
70</div>
71
72
73<style>
74
75.banner-description {
76 font-size: 44px;
77 line-height: 1.2;
78 font-weight: 500;
79 padding: 0;
80 margin-bottom: 17px;
81 color : white;
82 margin-left : 51px;
83 margin-top : 50px;
84}
85
86@media only screen and (min-width : 993px) {
87
88
89.rtl .banner-title.absolute-aligned {
90 left : unset;
91 right : 13%;
92}
93}
94
95.intro-header {
96 font-size : 68px;
97 line-height : 1.1;
98}
99.banner-floating-img {
100 position : absolute;
101 left: 18.5%;
102 top: 175%;
103 height : 104px;
104
105}
106
107.more-details-banner {
108 font-size : 21px;
109 font-weight : 100;
110 padding : 8px 30px;
111}
112
113@media only screen and (max-width : 430px) {
114 .intro-header {
115 font-size : 24px !important;
116 }
117 .more-details-banner {
118 font-size: 14px;
119 font-weight: 100;
120 padding: 4px 13px;
121 min-width : unset !important;
122 }
123}
124
125
126@media only screen and (max-width : 992px) {
127 .bio-boxes {
128 padding-top : 80px;
129 }
130
131 .side-bars::after, .side-bars::before {
132 border-right : 5px solid var(--color-primary) !important;
133 }
134
135 .side-bars::after {
136 border-right : 0 !important;
137 border-left : 5px solid var(--color-primary) !important;
138 }
139
140 .side-bars::after, .side-bars::before {
141 top : 65% !important;
142 }
143}
144
145
146@media only screen and (min-width: 769px) and (max-width : 1024px) {
147 .intro-header {
148 font-size : 41px !important;
149 }
150
151 .banner-title.absolute-aligned {
152
153 top : 55% !important;
154 left : 3.5%;
155 transform : none;
156 width : 90% !important;
157 }
158}
159
160@media only screen and (max-width : 992px) {
161 .content {
162 padding-top : 75px;
163}
164
165.banner-title {
166 top : 65% !important;
167}
168
169 .intro {
170 height : 25%;
171 }
172
173 .intro-header {
174 font-size : 31px;
175 }
176
177 .border-right:after {
178 top : 45%;
179 }
180
181 .border-right:after, .border-left::after {
182 border-width: 4px !important;
183 top: 62% !important;
184 }
185}
186
187.side-bars::after, .side-bars::before {
188 content: "";
189 position: absolute;
190 top: 50%;
191 height: 33%;
192 border-right: 13px solid var(--color-primary);
193 transform: translateY(-50%);
194 width : 13px;
195 z-index : 99
196}
197
198.side-bars::after {
199 left : 0;
200 right : unset;
201}
202
203.side-bars:before {
204 right: 0;
205 left : unset;
206}
207
208.border-right,.border-left {
209 z-index : 999
210}
211
212 .more-details-banner {
213 min-width : 167px;
214 }
215
216@media only screen and (min-width : 769px) and (max-width : 992px) {
217 .banner-title {
218 padding : 0 33px !important;
219 }
220
221}
222
223@media only screen and (min-width : 993px) {
224
225}
226
227/* ******************************** */
228
229.nav-cont.container {
230overflow-x : visible !important;
231}
232
233@media only screen and (min-width : 768px) and (max-width : 1200px) {
234section.absolute-aligned.banner-title {
235width : 80% !important;
236}
237
238}
239
240@media only screen and (min-width : 3800px) {
241
242
243section.banner-title.absolute-aligned {
244width : 50% !important;
245}
246
247.hv-title2, .hv-title2 *{
248font-size: 29px !important;
249}
250
251 h2.hv-header {
252 font-size : 90px !important
253 }
254
255
256 .hv-title {
257 font-size : 45px;
258 font-weight : 500 !important;
259 }
260
261 .hv-title1,
262 .hv-title1 * {
263 font-size : 31px !important;
264 font-weight : 400 !important;
265 }
266
267
268 .hv-title2 ,
269 .hv-title2 *{
270 font-size : 27px !important;
271 font-weight : 400 !important;
272 }
273
274
275
276
277 .hv-body,
278 .hv-body p,
279 .hv-body * {
280 font-size : 45px !important;
281 font-family : "Avenir" !important;
282 font-weight : 400 !important;
283 }
284
285
286
287
288 .hv-caption,
289 .hv-caption * {
290 font-size : 29px !important;
291 font-weight : 200 !important;
292 }
293
294 .hv-item {
295 font-size : 21px !important;
296 font-weight : 200 !important;
297 }
298
299 .hv-nav-item a {
300 font-size : 30px !important;
301 }
302
303 .hv-title2 * {
304 font-size : 43px !important;
305 }
306 }
307
308@media only screen and (max-width: 992px){
309
310 .nav-custom {
311 width: 90% !important;
312 margin: auto !important;
313 }
314 *{
315 max-height:inherit !important;
316 }
317
318 .fragment_1212{
319 min-height: inherit !important;
320 }
321
322 .fragment_829{
323 min-height: inherit !important;
324 }
325 .fragment_836{
326 min-height: inherit !important;
327 }
328
329 .fragment_1209{
330 min-height: inherit !important;
331 }
332 }
333 @media only screen and (max-width: 576px){
334 *{
335 max-height:inherit !important;
336 }
337
338
339 [dir="rtl"] [data-lfr-editable-id="ourStoryHeading"]{
340 text-align: right !important;
341 }
342 [dir="ltr"] [data-lfr-editable-id="ourStoryHeading"]{
343 text-align: left !important;
344 }
345 .fragment_1212{
346 min-height: inherit !important;
347 }
348
349 .hv-title{
350 font-size:24px !important;
351 }
352 .hv-title2{
353 font-size: 17px !important;
354 }
355
356 #fragment-2-wdzu .news-commentary-heading em{
357 font-size:24px !important;
358 }
359 #fragment-2-nhxa .news-commentary-heading em{
360 font-size:24px !important;
361 }
362 #fragment-2-wdzu .news-commentary-heading span{
363 font-size: 17px !important;
364 }
365 .info-box {
366 height: 140px !important;
367 }
368 }
369 @media only screen and (max-width: 390px){
370 #fragment-2-wdzu .news-commentary-heading em{
371 font-size:24px !important;
372 }
373 #fragment-2-nhxa .news-commentary-heading em{
374 font-size:24px !important;
375 }
376 }
377 [dir="rtl"] *{
378 font-family: AvenirArabic !important;
379 }
380 [dir="ltr"] *{
381 font-family: "Avenir" !important;
382 }
383
384 @media only screen and (min-width: 923px) and (max-width: 1600px){
385 #fragment-18-kfpz .fragment_829 .hv-our-story {
386 max-height: 140vh;
387 padding: 26px 0 !important;
388 }
389 .title-description-container {
390 padding: 100px 50px !important;
391 }
392 .fragment_1212 .title-description-container{
393 padding: 135px 50px !important;
394 }
395 .our-grants-program-container{
396 max-height: unset !important;
397 }
398 .contact-us {
399 padding: 125px 0 !important;
400 }
401 .our-partnership{
402 padding: 90px 0 !important;
403 }
404 }
405
406 @media only screen and (max-width: 2000px){
407
408 .fragment_1209{
409 max-width: inherit !important;
410 min-width: inherit !important;
411 }
412 .fragment_1212{
413 max-width: inherit !important;
414 min-width: inherit !important;
415 }
416 }
417 @media (max-width: 1400px){
418 #fragment-0-lylp .home-td-title{
419 max-width: 45%;
420 }
421 [dir="rtl"] #portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_uoch .data-box:nth-child(odd) {
422 padding-left: 72px !important;
423 }
424 [dir="ltr"] #portlet_com_liferay_asset_publisher_web_portlet_AssetPublisherPortlet_INSTANCE_uoch .data-box:nth-child(odd){
425 padding-right: 72px !important;
426 }
427 }
428@media only screen and (min-width: 1700px) {
429.hv-title2, .hv-title2 *{
430font-size: 21px !important;
431}
432}
433
434
435.our-grants-program-container {
436display : flex;
437}
438@media (max-width: 992px){
439#fragment-0-lylp .home-td-title {
440 max-width: 100%;
441}
442}
443.title-description-container{
444 height: auto !important;
445}
446
447.hv-nav-item:hover a::after, .active-nav-item::after, .hv-lang-switch:hover span::after {
448 top : unset !important;
449 }
450
451 footer .bg-light-gray {
452 height : auto !important;
453 }
454
455
456 body {
457 line-height : normal !important;
458 }
459
460 @media only screen and (min-width : 992px) and (max-width : 1200px) {
461 .hv-container {
462 width : 95% !important;
463 }
464 }
465
466 @media only screen and (max-width : 1366px) {
467 .active-nav-item {
468 display : inline-block;
469 }
470 }
471
472
473 @media only screen and (max-width : 1024px) {
474
475
476 h2[data-lfr-editable-id="hvTitle"] {
477 font-size : 40px !important;
478 }
479 }
480
481 p[data-lfr-editable-id="contactDesc"] {
482 margin-top : 0 !important;
483 }
484
485 .copyright-footer-item {
486 text-transform : capitalize;
487 }
488
489 .hv-more-from {
490 font-size: 40px !important;
491 margin-top: 10px !important;
492 font-weight: normal !important;
493 display: block !important;
494 }
495
496 @media only screen and (max-width : 768px) {
497
498 #fragment-0-yfes .hv-header {
499 font-size : 45px !important;
500 }
501
502 .hv-more-from {
503 font-size : 27px !important;
504 }
505 }
506
507 .rtl p.news-title {
508 text-align : right !important;
509 }
510
511
512 @media only screen and (min-width: 993px) {
513 .banner-title.absolute-aligned {
514 width: 1120px !important;
515 padding: 0 !important;
516 left: 13% !important;
517 transform : none;
518 top : 35% !important;
519 }
520 }
521
522 @media only screen and (min-width: 993px) and (max-width: 1244px) {
523
524 .td-description p {
525 font-size : 19px !important;
526 }
527
528 .our-partnership-title-text{
529 font-size: 53px !important;
530 }
531 }
532 @media only screen and (max-width: 1600px){
533
534
535 #fragment-219-aaim .fragment_1212 {
536 max-height : auto !important;
537 min-height : auto !important;
538 }
539
540 .title-description-container {
541 min-height : auto;
542 }
543 }
544 @media only screen and (min-width: 769px) and (max-width: 1024px) {
545 .banner-title.absolute-aligned {
546 width : 720px !important;
547 }
548
549 .our-partnership-title-text{
550 font-size: 53px;
551 }
552 h2.intro-header {
553 font-size: 29px !important;
554 }
555 }
556
557 .home-td-link,
558 .home-td-link span {
559 font-size : 17px !important;
560 font-weight : bold !important;
561 }
562
563 @media only screen and (min-width : 768px) and (max-width : 992px) {
564 .hv-nav-item > a,
565 .hv-lang-switch {
566 text-align : left !important;
567 }
568 .our-partnership-title-text{
569 font-size: 53px;
570 }
571 .rtl .hv-nav-item > a,
572 .rtl .hv-lang-switch {
573 text-align : right !important;
574 }
575 }
576
577 @media only screen and (min-width : 993px) and (max-width : 1366px) {
578 .main-navigation-bar {
579 width: 91.4% !important;
580 left: 3.5% !important;
581 }
582
583
584 .rtl .main-navigation-bar {
585 right: 3.5% !important;
586 left : unset !important;
587 }
588 }
589
590
591 @media only screen and (min-width : 1023px) and (max-width : 1366px) {
592
593 li.hv-nav-item, a.hv-lang-switch {
594 width: 10vw !important;
595 }
596
597 .data-desc p {
598 height: 190px;
599 display: -webkit-box;
600 -webkit-line-clamp: 6;
601 -webkit-box-orient: vertical;
602 overflow: hidden;
603 }
604
605
606 }
607
608 @media only screen and (min-width : 992px) and (max-width : 1024px) {
609 .info-box {
610 width: 48% !important;
611 flex: 0 0 48% !important;
612 }
613
614 .hv-nav-item,
615 .hv-lang-switch {
616 width: 38vw !important;
617 }
618
619
620
621 #fragment-0-pxnz .news-commentary-heading {
622 margin-left : -120px !important;
623 }
624
625 .info-boxes-container {
626 width : 90% !important;
627 padding-bottom : 0 !important;
628 }
629 }
630
631
632 @media only screen and (max-width : 992px) {
633 .news-commentary-heading {
634 justify-content : center;
635 margin-bottom : 20px !important;
636 }
637
638 #fragment-0-czss .news-commentary-heading {
639 width : 70%;
640 margin : auto !important;
641 }
642 }
643
644
645 #fragment-0-czss .news-commentary-heading {
646 display : flex;
647 }
648
649
650 #fragment-0-asue .home-link,
651 #fragment-0-asue .breadcrumb-seperator {
652 color : white !important;
653 }
654
655
656 .common-content-margin-left {
657 margin-inline-start : 20%;
658 }
659
660 @media only screen and (max-width : 768px) {
661 .news-commentary-container {
662 margin-left : 0 !important;
663 }
664 .banner-background{
665 width: 100%;
666 }
667 }
668
669
670 * {
671 scrollbar-width : none;
672 }
673
674 :root {
675 scroll-behavior: auto;
676 }
677
678 .rtl [data-aos=slide-right] {
679 transform : translate3d(100%,0,0)
680 }
681
682 .has-edit-mode-menu [data-aos=slide-right] {
683 transform : translate3d(0,0,0);
684 opacity : 1 !important;
685
686 }
687
688 .rtl h1,.rtl h2,.rtl h3,.rtl h4,.rtl h5, .rtl h6,.rtl p,.rtl a,.rtl span,.rtl button {
689 font-family: AvenirArabic !important;
690 }
691
692
693 .hv-lang-switch span {
694 font-family: AvenirArabic !important;
695 }
696
697 .rtl .hv-lang-switch span {
698 font-family : "Avenir" !important;
699 }
700
701 * {
702 overflow-x : visible;
703 }
704
705 .hv-our-story {
706 padding : 150px 0 !important;
707 }
708
709
710 .hv-our-story-articles,
711 .hv-our-story-title,
712 .our-partnership-desc,
713 .our-partnership-title {
714 padding : 0 !important;
715 }
716
717 .our-partnership {
718 padding : 300px 0 !important;
719 }
720
721
722
723 @media only screen and (min-width : 992px) {
724 h3.hv-our-story-title-txt {
725 text-align: center !important;
726 }
727 }
728
729
730 .hv-our-story-title-txt,
731 .our-partnership-title-text,
732 .contact-us-title {
733 text-align : start !important;
734 }
735
736 .main-navigation-bar {
737 padding-left : 0 !important;
738 padding-right : 0 !important;
739 }
740
741
742 .logo {
743 margin: 0 !important;
744 }
745
746
747
748 @media only screen and (min-width : 768px) and (max-width : 992px) {
749 .container-lg {
750 max-width : 95% !important;
751 width : 95% !important;
752 }
753
754 }
755
756
757 main {
758 overflow-x : hidden;
759 }
760
761 .main-navigation-bar {
762 position : absolute;
763 width : 100%;
764 z-index : 99
765 }
766
767 body {
768 overflow-x : hidden;
769 }
770
771
772
773 .btn.btn-primary:focus {
774 background-color : var(--color-accent) !important;
775 color : var(--color-primary) !important;
776 }
777
778 .btn.btn-primary:hover {
779
780 color : var(--color-primary) !important;
781 }
782
783
784 .lfr-alert-container {
785 display : none !important;
786 }
787
788 .main-navigation-bar {
789 z-index : 999 !important;
790 }
791
792 .container {
793 overflow-x : hidden;
794 }
795
796 @media only screen and (max-width : 768px) {
797 .container {
798 width : 92% !important;
799 max-width : 92% !important;
800 min-width : 92% !important;
801 }
802 }
803
804
805
806 header.border-right:after {
807 display : none;}
808
809 .eye-desc p,
810 .gym-desc p {
811 padding : 0 15px !important;
812 }
813
814 .eye-title h5,
815 .gym-title .intro-header {
816 margin-left : 13px !important;
817 }
818
819 .second-section-title .home-second-section-title {
820 font-weight : 600 !important;
821 }
822
823
824 @media only screen and (max-width: 576px) {
825 .more-link u {
826 margin-left: 16px !important;
827 font-weight : 400 !important;
828 }
829
830 .second-section-desc h3, .second-section-desc p {
831 font-size : 22px !important;
832 }
833
834
835 .bg-child {
836 background-size: 720px !important;
837 background-position: top right !important;
838 }
839 [dir="rtl"] #fragment-0-rjva footer .bg-medium-gray .footer-nav{
840 position: relative;
841 right: 40px;
842 }
843 }
844
845
846 .news-card a:hover {
847 color : black !important;
848 }
849
850 @media only screen and (max-width : 992px) {
851 .navbar-toggler {
852 display : block !important;
853 }
854
855 .navbar-collapse .navbar-nav {
856 flex: 1;
857 flex-direction: column;
858 }
859
860 .navbar-collapse .navbar-nav {
861 flex: 1 !important;
862 flex-direction: column !important;
863 }
864
865 .nav-link, .nav-underline .tab a {
866 color : white !important;
867 padding: 0.5rem 1rem !important;
868 position: relative !important;
869 }
870
871 .navbar-nav navigation-hv {
872 margin-top : 0 !important;
873 }
874
875 .navbar-collapse .nav-item.col-item {
876 padding: 10px 0 !important;
877 border-top: 1px solid rgba(255,255,255, .2) !important ;
878 margin-left : 0;
879 }
880
881
882 .navbar-expand-md .navbar-collapse .navbar-nav {
883 margin-top : 13px !important;
884 }
885 }
886
887 .h-lg-100vh {
888 height : 100vh;
889 }
890
891
892 .navigation-hv {
893 width: 100%;
894 justify-content: space-between;
895 }
896
897
898 .border-right:after,
899 .border-right:before {
900 border-width : 13px;
901 }
902
903
904 .hv-container {
905 width : 78%;
906 margin : auto;
907 }
908 @media only screen and (max-width: 767px){
909 [dir="rtl"] #fragment-0-rjva footer .bg-medium-gray .footer-nav{
910 right: 40px;
911 position: relative;
912 }
913 }
914 @media only screen and (min-width : 576px) and (max-width : 992px) {
915 .hv-container {
916 width : 80%;
917 margin-left : auto;
918 margin-right : auto;
919 }
920
921 }
922
923 @media only screen and (max-width : 576px) {
924 .hv-container {
925 width : 86%;
926 margin-left : auto;
927 margin-right : auto;
928 }
929 }
930
931
932 #fragment-109-zkpf .news-title {
933 text-transform : capitalize !important;
934 }
935
936
937 #fragment-0-tdzm .hv-nav-item a,
938 #fragment-0-asue .hv-nav-item a,
939 #fragment-0-tdzm .hv-lang-switch,
940 #fragment-0-asue .hv-lang-switch,
941 #fragment-0-tdzm .home-link en,
942 #fragment-0-asue .home-link en {
943 color : white !important;
944 }
945
946 @media only screen and (max-width : 576px ) {
947 .contact-us-email {
948 font-size : 18px !important;
949 }
950 }
951
952
953 .border-right, .border-left {
954 border : 0 !important;
955 }
956
957 @media only screen and (max-width : 992px) {
958 .border-right:after, .border-right:before {
959 border-width : 4px;
960 }
961 }
962
963 .portlet-decorate .portlet-content {
964 background : transparent !important;
965 }
966
967 .text-title {
968 font-size: 23px !important;
969 }
970
971 @media only screen and (max-width: 576px) {
972 .stats-header {
973 margin: 0 -34px !important;
974 }
975 }
976 @media only screen and (max-width: 390px){
977 [dir="rtl"] #fragment-0-rjva footer .bg-medium-gray .footer-nav{
978 right: 22px;
979 }
980 }
981 @media only screen and (min-width: 923px) and (max-width: 1600px){
982 #fragment-18-kfpz .fragment_829 .hv-our-story-article{
983 font-size:20px;
984 }
985 #fragment-18-kfpz .fragment_829 .hv-our-story{
986 max-height: 140vh;
987 padding: 85px 0 !important;
988 }
989 [dir="rtl"] .fragment_1209 h2.td-title.hv-headline.col-12.p-0.col-lg-6 {
990 float: right;
991 right: -76px;
992 }
993 [dir="rtl"] .fragment_1209 .hv-title1 div {
994 float: right;
995 right: 40px;
996 position: relative;
997 }
998 [dir="ltr"] .fragment_1209 h2.td-title.hv-headline.col-12.p-0.col-lg-6 {
999 float: left;
1000 left: -30px;
1001 max-width: 45% !important;
1002 }
1003 [dir="ltr"] .fragment_1209 .hv-title1 div {
1004 float: left;
1005 left: 40px;
1006 position: relative;
1007 }
1008 .fragment_1209 h2{
1009 line-height: 1.6;
1010 }
1011 .td-description p{
1012 font-size: 19px !important;
1013 }
1014 }
1015
1016
1017 .banner-background {
1018 height: 100vh;
1019 width: 100%;
1020 object-fit: cover;
1021 }
1022
1023 .bg-child {
1024 background : none !important;
1025 }
1026
1027 .second-desc-container p {
1028 color : white !important;
1029 }
1030
1031
1032 @media only screen and (max-width: 992px) {
1033
1034
1035 .contact-title {
1036 margin-bottom : 20px;
1037 }
1038
1039
1040 }
1041
1042
1043 @media only screen and (max-width : 320px) {
1044
1045 .hv-our-story{
1046 padding : 70px 0 !important;
1047 }
1048
1049 .stats-desc {
1050 margin-top : 30px !important;
1051 }
1052
1053 .our-partnership {
1054 min-height : 80vh;
1055 height : 80vh;
1056
1057 }
1058
1059 .hv-our-story-article {
1060 font-size : 16px !important;
1061 }
1062
1063
1064 .hv-our-story {
1065 min-height : 110vh;
1066 }
1067
1068 .our-partnership-title-text {
1069 font-size : 36px !important;
1070 }
1071
1072 .td-description p {
1073 font-size : 16px !important;
1074 }
1075
1076
1077
1078
1079
1080 h2.intro-header {
1081 font-size : 16px !important;
1082 }
1083
1084 .btn-primary.more-details-banner {
1085 font-size : 10px !important;
1086 }
1087
1088 #fragment-0-lylp .home-td-title {
1089 font-size : 21px !important;
1090 }
1091
1092
1093
1094 .home-td-link, .home-td-link span {
1095 font-size : 13px !important;
1096 }
1097
1098
1099
1100 #fragment-0-yfes p.stats-desc {
1101 font-size : 15px !important;
1102 }
1103
1104 a.stats-link {
1105 font-size :13px !important;
1106 }
1107
1108
1109
1110 h5.stats-subtitle {
1111 font-size : 21px !important;
1112 }
1113
1114 h6.stats-text {
1115 font-size : 35px !important;
1116 flex-direction : column;
1117
1118 }
1119
1120 h6.stats-text > span {
1121 margin : 0 !important;
1122 }
1123
1124 p.stats-sub-desc {
1125 font-size : 15px !important;
1126 }
1127
1128 img.logo {
1129 width : calc(137px + 10vw) !important
1130 }
1131
1132 .slogan-footer .footer-one-col- {
1133 padding-bottom : 0 !important;
1134 }
1135
1136 p.footer-one-desc {
1137 font-size : 17px !important;
1138 margin-bottom : 10px !important;
1139 }
1140
1141
1142
1143
1144 .portlet-layout#main-content > div:nth-child(4).mb-lg-0.ml-lg-0.mr-lg-0.mt-lg-0.pb-lg-0.pl-lg-0.pr-lg-0.pt-lg-0.pb-sm-0.pt-sm-0.pb-0.pt-0.pb-md-0.pt-md-0 {
1145 min-height : 100vh !important;
1146 height: 100vh !important;
1147 background-size : cover;
1148 }
1149
1150
1151 .news-commentary-heading.mb-4 > em {
1152 font-size : 23px !important;
1153 }
1154
1155 .news-commentary-heading span {
1156 font-size : 21px !important;
1157 }
1158
1159 p.news-title {
1160 font-size : 12px !important;
1161 }
1162
1163 #fragment-0-czss .news-commentary-heading {
1164 width : 100% !important;
1165 }
1166
1167
1168
1169
1170 a.contact-us-email {
1171 font-size : 14px !important;
1172 }
1173
1174
1175 .td-title[data-lfr-editable-id="investmentTitle"] {
1176 font-size :20px !important;
1177 }
1178
1179 .td-description p[data-lfr-editable-id="investmentDesc"] {
1180 font-size : 14px !important;
1181 }
1182
1183
1184
1185
1186 a.team-learn-more {
1187 padding: 10px 12px;
1188 font-size: 13px;
1189 }
1190
1191 h5.data-title {
1192 font-size: 24px;
1193 }
1194
1195 p.data-desc > p {
1196 font-size : 15px !important;
1197 }
1198
1199
1200 #fragment-0-fhae .hv-container.px-5 {
1201 padding : 0 !important;
1202 }
1203
1204 div.contact-title > h1 {
1205 font-size : 33px !important;
1206 }
1207
1208
1209 .bio-page-title {
1210 font-size : 20px !important;
1211 }
1212
1213 .hv-our-story {
1214 padding : 0 !important;
1215 }
1216
1217 #bioPopup {
1218 padding-left : 0 !important;
1219 }
1220
1221
1222 .bio-popup-img {
1223 height : 260px !important;
1224 width : 190px !important;
1225 }
1226
1227 .bio-popup-name {
1228 font-size :17px;
1229 }
1230
1231 #popupContent p * {
1232 font-size :14px !important;
1233 }
1234
1235
1236
1237
1238 .portlet-layout#main-content > div:nth-child(4).mb-lg-0.ml-lg-0.mr-lg-0.mt-lg-0.pb-lg-0.pl-lg-0.pr-lg-0.pt-lg-0.statistics-background {
1239 background-size: 277% 40% !important;
1240 }
1241
1242 .news-commentary-content {
1243 margin-left : auto !important;
1244 }
1245
1246 .rtl .news-commentary-content * {
1247 text-align : right !important;
1248 }
1249
1250 .hevolution-logo {
1251 border : 1px solid #eaeaea;
1252 }
1253
1254 .hevolution-logo + p {
1255 font-weight : bold !important;
1256 }
1257
1258 .contact-title + div h3 {
1259 font-size : 19px !important;
1260 }
1261
1262 .banner-background {
1263 height : 40vh !important;
1264 }
1265
1266 .hv-toggle {
1267 height : 31px !important;
1268 }
1269
1270
1271 .news-commentary-container {
1272 width : 100% !important;
1273 }
1274
1275 .news-commentary-heading {
1276 font-size : 20px;
1277 text-align : center;
1278 }
1279
1280
1281 .news-commentary-content .hv-container {
1282 width : 100% !important;
1283 }
1284
1285 .text-title p {
1286 font-size : 19px !important;
1287 }
1288
1289 .footer-link > a {
1290 font-size : 11px !important;
1291 }
1292
1293 #fragment-0-qrga .absolute-aligned.banner-title {
1294 top : 65% !important;
1295 }
1296
1297
1298 .footer-nav {
1299 width : 60% !important;
1300 }
1301
1302 .img-logo {
1303 width : calc(137px + 10vw);
1304 }
1305 }
1306
1307
1308 @media only screen and (max-width : 768px) {
1309
1310 .contact-us {
1311 max-height: unset !important;
1312 }
1313
1314.home-td-title {
1315padding : 0 !important;
1316
1317}
1318
1319 .contact-title h1.f-heavy {
1320 font-size : 8vw !important;
1321 }
1322
1323
1324 .contact-title + div h3 {
1325 font-size : 6vw !important;
1326 }
1327
1328
1329 }
1330
1331
1332 @media only screen and (min-width : 992px) {
1333 h2.hv-header {
1334 font-size : 60px !important
1335 }
1336
1337 .hv-title {
1338 font-size : 30px;
1339 font-weight : 500 !important;
1340 }
1341
1342 .hv-title1 {
1343 font-size : 21px !important;
1344 font-weight : 400 !important;
1345 }
1346
1347
1348 .hv-title2 ,
1349 .hv-title2 *{
1350 font-size : 17px !important;
1351 font-weight : 400 !important;
1352 }
1353
1354 .hv-headline,
1355 .hv-headline * {
1356 font-size : 34px !important;
1357 font-weight : bold !important;
1358 }
1359
1360
1361 .hv-body,
1362 .hv-body p,
1363 .hv-body * {
1364 font-size : 20px !important;
1365 font-family : "Avenir" !important;
1366 font-weight : 400 !important;
1367 }
1368
1369
1370
1371
1372 .hv-caption,
1373 .hv-caption * {
1374 font-size : 17px !important;
1375 font-weight : 200 !important;
1376 }
1377
1378 .hv-item {
1379 font-size : 13px !important;
1380 font-weight : 200 !important;
1381 }
1382 }
1383
1384
1385 @media only screen and (max-width : 768px) {
1386 #popupContent {
1387 height: 180px;
1388 overflow: auto;
1389 }
1390
1391
1392 #bioPopup {
1393 padding : 0 !important;
1394 padding-top : 20px !important;
1395 }
1396
1397 .bio-popup-header {
1398 position: absolute;
1399 top: 15px;
1400 right: 20px;
1401 }
1402
1403 .rtl .bio-popup-header {
1404 right : 0;
1405 left : 20px;
1406 }
1407 }
1408
1409
1410 [data-aos=slide-right] {
1411 opacity : 0;
1412 transition-property :all !important;
1413 }
1414
1415 [data-aos^=slide][data-aos^=slide].aos-animate {
1416 opacity : 1;
1417 }
1418
1419
1420 #bioPopup {
1421 background-color : rgba(255,255,255,.96);
1422 }
1423
1424 .bio-popup-header svg {
1425 fill : #555 !important;
1426 }
1427 @media only screen and (max-width: 390px){
1428 .bio-popup-data-header {
1429 flex-direction: column;
1430 align-items: center !important;
1431 }
1432
1433 }
1434
1435
1436
1437 .hv-our-story {
1438 min-height : 60vh !important;
1439 padding : 100px 0 !important;
1440 }
1441
1442
1443 .contact-us {
1444 padding : 200px 0 !important;
1445 }
1446
1447
1448 @media only screen and (max-width : 576px) {
1449 .hv-header {
1450 font-size : 24px !important;
1451 }
1452
1453 .news-commentary-heading {
1454 text-align : center;
1455 }
1456
1457 *.hv-headline,
1458 .hv-headline * {
1459 font-size : 24px !important;
1460 font-weight : bold;
1461 }
1462
1463
1464 .hv-body,
1465 .hv-body * {
1466 font-size : 17px !important;
1467 font-family : "Avenir" !important;
1468 font-weight : 400 !important;
1469 }
1470
1471 .hv-caption {
1472 font-size : 16px !important;
1473 font-weight : 200 !important;
1474 }
1475
1476
1477 .hv-item {
1478 font-size : 13px !important;
1479 font-weight : 200 !important;
1480 }
1481
1482
1483 [data-lfr-editable-id="ourStoryHeading"] {
1484 text-align : left !important;
1485 margin-bottom : 20px !important;
1486 }
1487
1488 .hv-title1 {
1489 font-size : 15px !important;
1490 font-weight : 400 !important;
1491 }
1492
1493 .hv-title2 {
1494 font-size : 13px !important;
1495 font-weight : 300 !important;
1496 }
1497
1498 .hv-title {
1499 font-size : 18px !important;
1500 font-weight : 500 !important;
1501 }
1502
1503 .stats-text span {
1504 margin-top : 3px !important;
1505 font-size : inherit !important;
1506 }
1507
1508 .title-description-container {
1509 min-height : 0 !important;
1510 }
1511
1512 }
1513
1514
1515 .hv-read-more,
1516 a .hv-read-more {
1517 background: var(--color-primary);
1518 padding: 10px 20px;
1519 color: white;
1520 text-decoration: none !important;
1521 font-weight: normal !important;
1522 margin-top: 15px !important;
1523 display : inline-block !important;
1524 }
1525
1526
1527 .hv-read-more:hover,
1528 a .hv-read-more:hover {
1529 color : white !important;
1530 }
1531
1532
1533
1534
1535 .news-commentary-heading * {
1536 display : block;
1537 text-align : center;
1538 }
1539
1540 @media only screen and (max-width : 768px) {
1541 .bg-sm-medium-gray {
1542 background-color : #1B2326 !important;
1543 }
1544 }
1545
1546
1547 #fragment-0-qrga .absolute-aligned.banner-title{
1548 left : 50% !important;
1549 transform : translate(-50%, -50%) !important;
1550 top : 57% !important;
1551 text-align : center;
1552 }
1553
1554 .rtl #fragment-0-qrga .absolute-aligned.banner-title{
1555 right : 50%;
1556 left : 0;
1557 transform : translate(50%, -50%) !important
1558 }
1559
1560
1561
1562 .rtl .hv-body,
1563 .rtl .hv-body p,
1564 .rtl .hv-body * {
1565 font-family : "AvenirArabic" !important;
1566
1567 }
1568
1569 @media only screen and (min-width : 3800px) {
1570
1571 .news-commentary-container {
1572 margin-left: 8% !important;
1573 }
1574
1575
1576 #fragment-219-aaim .fragment_1212 {
1577 max-height : 63vh !important;
1578 min-height : 63vh !important;
1579 }
1580
1581
1582 .title-description-container {
1583 height :63vh !important;
1584 }
1585
1586 .hv-lang-switch,
1587 .hv-nav .hv-nav-item > a,
1588 .rtl .hv-nav .hv-nav-item > a {
1589 font-size : 33px !important;
1590 }
1591 .container.nav-cont {
1592 max-width : unset !important;
1593 }
1594
1595 .hv-headline {
1596 font-size : 70px !important;
1597 }
1598
1599 .info-box {
1600 min-height : 200px !important;
1601 }
1602
1603 .hv-read-more,
1604 a .hv-read-more {
1605 font-size : 24px !important;
1606 }
1607 .hv-nav {
1608 align-items : center;
1609 margin-inline-start : 200px !important;
1610 }
1611
1612 .hv-container,
1613 .container {
1614 width : 2300px !important;
1615 max-width : 2300px !important;
1616 min-width : 2300px !important;
1617 }
1618
1619
1620 .hv-title2, .hv-title2 *{
1621 font-size: 29px !important;
1622 }
1623
1624 .hv-headline,
1625 .hv-headline * {
1626 font-size : 70px !important;
1627 font-weight : bold !important;
1628 }
1629
1630 h2.hv-header {
1631 font-size : 90px !important
1632 }
1633
1634
1635
1636 .hv-title {
1637 font-size : 45px;
1638 font-weight : 500 !important;
1639 }
1640
1641 .hv-title1,
1642 .hv-title1 * {
1643 font-size : 31px !important;
1644 font-weight : 400 !important;
1645 }
1646
1647
1648 .hv-title2 ,
1649 .hv-title2 *{
1650 font-size : 27px !important;
1651 font-weight : 400 !important;
1652 }
1653 .hv-body,
1654 .hv-body p,
1655 .hv-body * {
1656 font-size : 45px !important;
1657 font-family : "Avenir" !important;
1658 font-weight : 400 !important;
1659 }
1660
1661 .hv-lang-switch {
1662 font-size : 33px !important;
1663 }
1664 .hv-caption,
1665 .hv-caption * {
1666 font-size : 29px !important;
1667 font-weight : 200 !important;
1668 }
1669
1670 .hv-item {
1671 font-size : 18px !important;
1672 font-weight : 200 !important;
1673 }
1674
1675
1676 .hv-nav-item a {
1677 font-size : 30px !important;
1678 }
1679
1680 .hv-title2 * {
1681 font-size : 43px !important;
1682 }
1683
1684 .hv-nav {
1685 align-items : center !important;
1686 margin-inline-start : 200px !important;
1687 }
1688
1689 .nav-cont {
1690 width: 60%;
1691 max-width: unset;
1692 }
1693
1694 .more-details-banner,
1695 a .hv-read-more {
1696 font-size : 33px !important;
1697 }
1698
1699
1700 .rtl .hv-nav-item a {
1701 font-size : 33px !important;
1702 }
1703 }
1704
1705 @media only screen and (max-width: 992px) {
1706 #fragment-0-runw .hv-nav-container,
1707 #fragment-0-dhnv .hv-nav-container{
1708 right : -40% !important;
1709 }
1710
1711 #fragment-0-dhnv .rtl .hv-nav-container {
1712 left : -40% !important;
1713 }
1714 }
1715
1716
1717 @media only screen and (min-width: 993px) {
1718 nav.main-navigation-bar {
1719 width: 61.4% !important;
1720 left: 13%;
1721 }
1722 }
1723
1724
1725 @media only screen and (max-width : 320px) {
1726.cont-container {
1727padding : 0 !important;
1728}
1729
1730 #fragment-0-qrga .absolute-aligned.banner-title {
1731 top : 65% !important;
1732
1733}
1734 }
1735 @media only screen and (max-width : 768px) {
1736 .banner-background{
1737 height: 100% !important;
1738 }
1739 }
1740
1741</style>
1742
1743<script>
1744
1745$('#bannerBtn').click(() => {
1746 const selectedSection = $('.layout-content.portlet-layout')
1747 .children().eq(${scrolledSection.getData()})
1748 console.log(selectedSection)
1749 $('html, body').animate({scrollTop : selectedSection.position().top})
1750})
1751
1752
1753
1754
1755
1756
1757</script>
We believe motivated teams are the key to progress.
We’re looking for intelligent, creative, dedicated and ambitious people to help build out a global team that can serve as a focal point for groundbreaking research and innovation. Our inclusive, diverse and international culture makes us a rewarding, modern workplace. If you believe you have the passion and experience to help define a new field of science and a new era of medicine. Come work with us.
Join Hevolution
Research Scientist
Riyadh, Saudi Arabia
Research Assistant
Stockholm, Sweden remote
Network engineer
New York, New York
Marketing Manager
Riyadh, Saudi Arabia