Menu Display

800 60

Language Selector

العربية
book Appointment
800 60

Language Selector

العربية
Services
An error occurred while processing the template.
The following has evaluated to null or missing:
==> specialityViewURL  [in template "20096#20121#1624761" at line 71, column 24]

----
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: ${specialityViewURL}  [in template "20096#20121#1624761" at line 71, column 22]
----
1<#assign 
2AssetVocabularyLocalService=serviceLocator.findService("com.liferay.asset.kernel.service.AssetVocabularyLocalService") 
3AssetVocabulary=AssetVocabularyLocalService.fetchGroupVocabulary(themeDisplay.getScopeGroupId(), "Sub-Speciality" ) 
4vocabularyId=AssetVocabulary.getVocabularyId()  
5AssetVocabulary1=AssetVocabularyLocalService.fetchGroupVocabulary(themeDisplay.getScopeGroupId(), "Speciality-V2" ) 
6currentWebContentVacabularyId=AssetVocabulary1.getVocabularyId() 
7journalArticleResourceLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleResourceLocalService") 
8assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") 
9journalArticleId = .vars['reserved-article-id'].data 
10articleResourcePrimaryKey = journalArticleResourceLocalService.getArticleResourcePrimKey(themeDisplay.getScopeGroupId(), journalArticleId) 
11assetEntry = assetEntryLocalService.getEntry("com.liferay.journal.model.JournalArticle", articleResourcePrimaryKey) 
12assetCategories = assetEntry.getCategories() 
13categoriesList = [] 
14faqList = [] 
15parentCategoryId = [] 
16/> 
17<#list assetCategories as assetCategory> 
18<#if vocabularyId == assetCategory.getVocabularyId()> 
19<#assign categoriesList = categoriesList + [assetCategory.getCategoryId()]> 
20</#if> 
21<#if currentWebContentVacabularyId == assetCategory.getVocabularyId()> 
22<#if assetCategory.getParentCategoryId() <= 0> 
23<#assign parentCategoryId +=  parentCategoryId + [assetCategory.getCategoryId()]> 
24<#else> 
25<#assign faqList = faqList + [assetCategory.getCategoryId()]> 
26</#if> 
27</#if> 
28</#list> 
29<#assign categoriesClassTypeName="sub-speciality"> 
30<#assign assetEntries=customAssetEntry.getAssetEntries(specialityList,"speciality", themeDisplay.getScopeGroupId()) /> 
31<div class="Specialitymain mb-5 pb-3"> 
32   <div class="breadcrumbs mb-5"> 
33      <div class="breadcrumbs2 text-capitalize"> 
34         <div class="health-centre-2"> 
35            <a href="${layout.getGroup().getDisplayURL(themeDisplay, false)}" title=" ${languageUtil.get(locale,'home')}"> 
36               <svg class="home" width="20" height="20" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 
37                  <path d="M10.3237 0.960841L10.306 0.951297C9.5704 0.571736 8.46037 0.571736 7.72474 0.951297L0.666504 4.88126L1.23767 5.90762L8.2702 1.9916C8.66224 1.79338 9.36633 1.79338 9.7591 1.9916L16.7615 5.90762L17.3349 4.88273L10.3229 0.961575L10.3237 0.960841Z" fill="#002F70" /> 
38                  <path d="M15.2344 6.31619C14.904 6.13119 14.4451 5.8801 13.8695 5.56955C12.8924 5.04169 11.902 4.5175 11.8881 4.51016L10.2942 3.67982C9.55709 3.29585 8.44631 3.29585 7.70921 3.67982L6.11166 4.51236C6.10211 4.5175 5.11173 5.04242 4.13383 5.56955C3.55825 5.8801 3.09941 6.13119 2.76904 6.31619C2.04662 6.72072 1.85205 6.83011 1.85205 7.20159V14.4602C1.85205 16.0446 3.13095 17.333 4.70352 17.333H13.2991C14.8717 17.333 16.1506 16.0446 16.1506 14.4602V7.20159C16.1506 6.83011 15.956 6.72145 15.2336 6.31619H15.2344ZM14.9767 14.4602C14.9767 15.3963 14.2242 16.1584 13.2998 16.1584H4.70428C3.77923 16.1584 3.02746 15.3963 3.02746 14.4602V7.52022C3.6192 7.17737 5.22113 6.31326 6.65862 5.55193L8.25248 4.7216C8.64526 4.5175 9.35958 4.5175 9.75235 4.7216L11.3426 5.54973C12.783 6.31252 14.3857 7.17737 14.9774 7.51949V14.4595L14.9767 14.4602Z" fill="#002F70" /> 
39                  <path d="M9.77818 10.6057H8.22397V9.01843H7.26074V13.1767H8.22397V11.4551H9.77818V13.1767H10.7414V9.01843H9.77818V10.6057Z" fill="#002F70" /> 
40               </svg> 
41            </a> 
42         </div> 
43				 <svg xmlns="http://www.w3.org/2000/svg" class="rotate180deg homearrow" width="16" height="16" viewBox="0 0 16 16" fill="none"> 
44            <path d="M6 12L10 8L6 4" stroke="#002F70" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/> 
45         </svg> 
46         <div class="breadcrumb-button-base"> 
47            <a href="${layout.getGroup().getDisplayURL(themeDisplay, false)}/care"> 
48            ${languageUtil.get(locale,'care')} 
49            </a> 
50         </div> 
51         <svg xmlns="http://www.w3.org/2000/svg" width="8" height="12" class="rotate180deg commonarrow" viewBox="0 0 8 12" fill="none"> 
52            <path d="M1.39666 0L0.666504 0.736L5.88873 6L0.666504 11.264L1.39666 12L6.98396 6.368L7.33317 6L6.98396 5.632L1.39666 0Z" fill="#002F70"/> 
53         </svg> 
54         <div class="breadcrumb-button-base"> 
55            <a href="${layout.getGroup().getDisplayURL(themeDisplay, false)}/our-specialties"> 
56            ${languageUtil.get(locale,'our-specialties')} 
57            </a> 
58         </div> 
59         <svg xmlns="http://www.w3.org/2000/svg" class="rotate180deg homearrow" width="16" height="16" viewBox="0 0 16 16" fill="none"> 
60            <path d="M6 12L10 8L6 4" stroke="#002F70" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/> 
61         </svg> 
62         <div class="breadcrumb-button-base"> 
63            <#assign parentEntries=customAssetEntry.getAssetEntries(parentCategoryId,"Speciality", themeDisplay.getScopeGroupId()) /> 
64            <#list parentEntries as specialityData>  
65            <#assign JournalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")> 
66            <#assign assetRenderer=specialityData.getAssetRenderer()  
67            specialityViewURL=assetRenderer.getURLViewInContext(renderRequest, renderResponse,viewURL)  
68            parentCategoryName=specialityData.getTitle(locale) 
69            /> 
70            </#list> 
71            <a href="${specialityViewURL}"> 
72            ${parentCategoryName} 
73            </a> 
74         </div> 
75         <svg xmlns="http://www.w3.org/2000/svg" width="8" height="12" class="rotate180deg d-none commonarrow" viewBox="0 0 8 12" fill="none"> 
76            <path d="M1.39666 0L0.666504 0.736L5.88873 6L0.666504 11.264L1.39666 12L6.98396 6.368L7.33317 6L6.98396 5.632L1.39666 0Z" fill="#002F70"/> 
77         </svg> 
78         <div class="breadcrumb-button-base"> 
79            <#list assetEntries as assetEntry2>  
80            <#assign assetRenderer=assetEntry2.getAssetRenderer() viewURL=assetRenderer.getURLViewInContext(renderRequest, renderResponse,viewURL) /> 
81            <div class="breadcrumb-button-base d-none"> 
82               <div class="">${assetEntry2.getTitle(locale)}</div> 
83               <a href="${viewURL}"> 
84               Specialties 
85               </a> 
86            </div> 
87            </#list> 
88         </div> 
89         <svg xmlns="http://www.w3.org/2000/svg" width="8" height="12" class="rotate180deg commonarrow" viewBox="0 0 8 12" fill="none"> 
90            <path d="M1.39666 0L0.666504 0.736L5.88873 6L0.666504 11.264L1.39666 12L6.98396 6.368L7.33317 6L6.98396 5.632L1.39666 0Z" fill="#002F70"/> 
91         </svg> 
92         <div class="breadcrumb-button-base"> 
93            <span class="">${pageTitle}</span> 
94         </div> 
95      </div> 
96   </div> 
97   <div class="specialties-container moblie-mx-3"> 
98      <#if contentset.getSiblings()?has_content> 
99      <#list contentset.getSiblings() as cur_contentset> 
100      <div class="frame-506"> 
101         <#if (contentset.title.getData())?has_content> 
102         <div class="sub-specialties-title">${cur_contentset.title.getData()}</div> 
103         </#if> 
104         <#if (contentset.subtitle.getData())?has_content> 
105         <div class="sub-specialties-title fs-20">${cur_contentset.subtitle.getData()}</div> 
106         </#if> 
107         <#if (contentset.description.getData())?has_content> 
108         <div class="desc">${cur_contentset.description.getData()}</div> 
109         </#if> 
110      </div> 
111      <div class="separater"></div> 
112      </#list> 
113      </#if> 
114      <#if (infographicsImage.getData())?? && infographicsImage.getData() != ""> 
115      <div class="frame-506"> 
116         <div class="steps-infographics-title">	${languageUtil.get(locale, "infographics-title")}</div> 
117         <div class="frame-402"> 
118            <img class="w-100" alt="${infographicsImage.getAttribute("alt")}" data-fileentryid="${infographicsImage.getAttribute("fileEntryId")}" src="${infographicsImage.getData()}" /> 
119         </div> 
120      </div> 
121      </#if> 
122      <#if (specialtyPreRequesites.getData())??> 
123      <div class="separater"></div> 
124      <div class="frame-506"> 
125         <div class="specialty-pre-requisites"> 
126            ${specialtyPreRequesites.getData()} 
127         </div> 
128         <#if specialtyPreRequesitesData.getSiblings()?has_content> 
129         <div class="desc"> 
130            <ul class="m-0 pl-4"> 
131               <#list specialtyPreRequesitesData.getSiblings() as cur_specialtyPreRequesitesData> 
132               <#if (cur_specialtyPreRequesitesData.getData())??> 
133               <li>${cur_specialtyPreRequesitesData.getData()}</li> 
134               </#if> 
135               </#list> 
136            </ul> 
137         </div> 
138         </#if> 
139      </div> 
140      </#if>	 
141      <#assign doctorDataList=customAssetEntry.getAssetEntries(faqList,"Doctor Details", themeDisplay.getScopeGroupId()) /> 
142      <#if doctorDataList?? && (doctorDataList?size > 0)> 
143      <div class="separater"></div> 
144      <div class="frame-506"> 
145         <div class="department-chair">${languageUtil.get(locale, "doctors")}</div> 
146         <div class="subdoctorlists"> 
147            <#assign doctorDataList=customAssetEntry.getAssetEntries(faqList,"Doctor Details", themeDisplay.getScopeGroupId()) /> 
148            <#list doctorDataList as doctorData>  
149            <#assign JournalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")> 
150            <#assign assetRenderer=doctorData.getAssetRenderer()  
151            viewURL=assetRenderer.getURLViewInContext(renderRequest, renderResponse,viewURL) /> 
152            <#assign article=JournalArticleLocalService.fetchLatestArticle(doctorData.getClassPK())  
153            docXml=saxReaderUtil.read(article.getContentByLocale(locale))/> 
154            <#assign doctorImage=docXml.valueOf("//dynamic-element[@field-reference='image']/dynamic-content") /> 
155            <#assign doctorName=docXml.valueOf("//dynamic-element[@field-reference='name']/dynamic-content") /> 
156            <#assign doctorJobTitle=docXml.valueOf("//dynamic-element[@field-reference='jobTitle']/dynamic-content") /> 
157            <#assign doctorImg = jsonFactoryUtil.createJSONObject(doctorImage)/> 
158            <div class="doctor"> 
159               <#if doctorImg.url?has_content> 
160               <img class="image" src=${doctorImg.url} alt="Doctor Image"/> 
161               <#else> 
162               <img class="image" src="/documents/d/guest/avatar-2" alt="Doctor Image" /> 
163               </#if> 
164               <div class="text-and-social-links"> 
165                  <div class="name-and-role"> 
166                     <a href="${viewURL}"> 
167                        <div class="name">${doctorData.getTitle(locale)}</div> 
168                     </a> 
169                     <div class="specialty-sub-specialty">${doctorJobTitle}</div> 
170                  </div> 
171               </div> 
172            </div> 
173            </#list> 
174         </div> 
175      </div> 
176      </#if> 
177      <#assign hospitalDetailsAssetEntries=customAssetEntry.getAssetEntries(faqList,"Hospital Details", themeDisplay.getScopeGroupId()) /> 
178      <#if hospitalDetailsAssetEntries?? && (hospitalDetailsAssetEntries?size > 0)> 
179      <div class="separater"></div> 
180      <div class="frame-508"> 
181         <div class="facilities">${languageUtil.get(locale, "facilities")}</div> 
182         <div class="frame-422"> 
183            <#list hospitalDetailsAssetEntries as hospitalDetail>  
184            <#assign assetRenderer=hospitalDetail.getAssetRenderer()  
185            viewURL=assetRenderer.getURLViewInContext(renderRequest, renderResponse,viewURL) /> 
186            <div class="functional-chips"> 
187               <div class="text"><a href=${viewURL}>${hospitalDetail.getTitle(locale)}</a></div> 
188               <div class="arrow-right"> 
189                  <a href=${viewURL}> 
190                     <svg class="rotate180deg" width="12" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 
191                        <path d="M1.39335 0L0.166687 1.22667L8.94002 10L0.166687 18.7733L1.39335 20L10.78 10.6133L11.3667 10L10.78 9.38667L1.39335 0Z" fill="#002F70"/> 
192                     </svg> 
193                  </a> 
194               </div> 
195            </div> 
196            </a> 
197            </#list> 
198         </div> 
199      </div> 
200      </#if> 
201      <#assign faqAssetEntries=customAssetEntry.getAssetEntries(faqList,"FAQ", themeDisplay.getScopeGroupId()) /> 
202      <#if currentWebContentVacabularyId?? && (faqAssetEntries?size > 0)> 
203      <div class="separater"></div> 
204      <div class="frame-411"> 
205         <div class="fa-qs">${languageUtil.get(locale, "facility-faq")}</div> 
206         <div class="faqContanier" id="specialtyFaq"> 
207            <#assign faqcount=0 />	  
208            <#list faqAssetEntries as faq>  
209            <#assign JournalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")> 
210            <#assign article=JournalArticleLocalService.fetchLatestArticle(faq.getClassPK())  
211            docXml=saxReaderUtil.read(article.getContentByLocale(locale))/> 
212            <#if faqcount<3> 
213            <#assign faqcount = faqcount + 1 /> 
214            <#assign question=docXml.valueOf("//dynamic-element[@field-reference='question']/dynamic-content") /> 
215            <#assign answer=docXml.valueOf("//dynamic-element[@field-reference='answer']/dynamic-content") /> 
216            <div class="questioncard collapsed" data-toggle="collapse" data-target="#answer${faq?counter}" aria-expanded="false" aria-controls="answer${faq?counter}"> 
217               <div class="quesTitle"> 
218                  ${question} 
219               </div> 
220               <div class="arrow-down"> 
221                  <svg width="20" height="12" viewBox="0 0 20 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 
222                     <path d="M20 1.39317L18.7733 0.166504L10 8.93984L1.22667 0.166504L0 1.39317L9.38667 10.7798L10 11.3665L10.6133 10.7798L20 1.39317Z" fill="#003366"/> 
223                  </svg> 
224               </div> 
225            </div> 
226            <div id="answer${faq?counter}" class="collapse answer" aria-labelledby="answer${faq?counter}" data-parent="#specialtyFaq"> 
227               ${answer} 
228            </div> 
229            </#if> 
230            </#list> 
231         </div> 
232         <div class="frame-369"> 
233            <a class="number2" href="https://stgportal.dubaihealth.ae:8090/faq-search?q=781455&t=Speciality"> 
234            ${languageUtil.get(locale, "view-more")} 
235            </a> 
236            <div class="arrow-right"> 
237               <svg class="rotate180deg" width="13" height="13" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 
238                  <path d="M1.39341 0L0.166748 1.22667L8.94008 10L0.166748 18.7733L1.39341 20L10.7801 10.6133L11.3667 10L10.7801 9.38667L1.39341 0Z" fill="#003366"/> 
239               </svg> 
240            </div> 
241         </div> 
242      </div> 
243      </#if> 
244      <#assign relatedArticlesEntries=customAssetEntry.getAssetEntries(specialityList,"Educational-Material", themeDisplay.getScopeGroupId()) /> 
245      <#if relatedArticlesEntries?? && (relatedArticlesEntries?size > 0)> 
246      <#assign relatedcount=1 /> 
247      <div class="separater"></div> 
248      <div class="frame-413"> 
249         <div class="frame-482"> 
250            <div class="related-articles">${languageUtil.get(locale, "related-articles")}</div> 
251            <div class="frame-369"> 
252               <a href="https://stgportal.dubaihealth.ae:8090/educational-material" class="number3 secondary-color d-flex gap-4"> 
253                  ${languageUtil.get(locale, "view-all")} 
254                  <div class="arrow-right"> 
255                     <svg class="rotate180deg" width="20" height="20" viewBox="0 0 12 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 
256                        <path d="M1.39341 0L0.166748 1.22667L8.94008 10L0.166748 18.7733L1.39341 20L10.7801 10.6133L11.3667 10L10.7801 9.38667L1.39341 0Z" fill="#003366"/> 
257                     </svg> 
258                  </div> 
259               </a> 
260            </div> 
261         </div> 
262         <div class="frame-497"> 
263            <#list relatedArticlesEntries as relatedArticles> 
264            <#assign assetRenderer=relatedArticles.getAssetRenderer()  
265            viewURL=assetRenderer.getURLViewInContext(renderRequest, renderResponse,viewURL) /> 
266            <#if relatedcount<=2> 
267            <#assign relatedcount=relatedcount + 1> 
268            <#assign JournalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")> 
269            <#assign article=JournalArticleLocalService.fetchLatestArticle(relatedArticles.getClassPK()) docXml=saxReaderUtil.read(article.getContentByLocale(locale))/> 
270            <#assign eventImage=docXml.valueOf("//dynamic-element[@field-reference='eventImage']/dynamic-content") /> 
271            <#assign eventDescription=docXml.valueOf("//dynamic-element[@field-reference='eventDescription']/dynamic-content") /> 
272            <#assign eventTitle=docXml.valueOf("//dynamic-element[@field-reference='eventTitle']/dynamic-content") /> 
273            <#assign eventImg = jsonFactoryUtil.createJSONObject(eventImage)/> 
274            <#assign articleResourcePrimaryKey = journalArticleResourceLocalService.getArticleResourcePrimKey(themeDisplay.getScopeGroupId(), article.articleId) /> 
275            <#assign assetEntry = assetEntryLocalService.getEntry("com.liferay.journal.model.JournalArticle", articleResourcePrimaryKey)/> 
276            <#assign assetTagList = assetEntry.getTagNames()/> 
277            <div class="group-291"> 
278               <img class="relatedImg" src="${eventImg.url}" /> 
279               <div class="px-3 pb-3 d-flex flex-column gap-24"> 
280                  <div class="frame-3692"> 
281                     <div class="frame-368"> 
282                        <a href=${viewURL}> 
283                           <div class="covid-19-frontline">${eventTitle}</div> 
284                        </a> 
285                        <div class="description"> 
286                           ${eventDescription} 
287                        </div> 
288                     </div> 
289                  </div> 
290                  <div class="frame-3722"> 
291                     <div class="publishdate"> 
292                        <#assign formattedCreatedDate = dateUtil.getDate(article.modifiedDate, "dd MMM yyyy", locale)> 
293                        ${formattedCreatedDate} 
294                     </div> 
295                     <#list assetTagList as tag> 
296                     <div class="frame-367"> 
297										    <#assign modifiedTag = tag?replace(" ", "-")> 
298                        <div class="Relatedtag"> ${languageUtil.get(locale, '${modifiedTag}')}</div> 
299                     </div> 
300                     </#list> 
301                  </div> 
302               </div> 
303            </div> 
304            </#if> 
305            </#list> 
306         </div> 
307      </div> 
308      </#if> 
309   </div> 
310</div> 
311<style> 
312   .subBanner {background: var(--secondary-tints-1-blue-200, #D6EFFE);height: 280px;width:100%;} 
313   h1.page-title { 
314   display: flex; 
315   flex-direction: column; 
316   justify-content: center; 
317   position: absolute; 
318   width: 100%; 
319   height: 280px; 
320   margin: 0px; 
321
322	 .quesTitle {cursor: pointer;} 
323   .breadcrumbs,.breadcrumbs2 { 
324   display: flex; 
325   flex-direction: row; 
326   gap: 0px; 
327   align-items: flex-start; 
328   justify-content: flex-start; 
329   flex-shrink: 0; 
330   position: relative; 
331
332   .breadcrumbs a, .breadcrumbs span { 
333   color: var(--primary-navy-blue, #002f70); 
334   font-weight:700; 
335   font-size: var(--web-button-text-2-font-size, 16px); 
336   line-height: var(--web-button-text-2-line-height, 20px); 
337
338   .breadcrumbs span {  
339   color: var(--primary-navy-blue-500, #8099b2); 
340   font-weight:400; 
341
342   .breadcrumbs2 { 
343   gap: 4px; 
344   align-items: center; 
345
346   .breadcrumbs svg.commonarrow {margin:2px 4.67px;} 
347   .breadcrumbs svg.homearrow {margin-top:1px;} 
348   .breadcrumb-button-base {margin-top:2px;} 
349   .separater { 
350   background: var(--primary-navy-blue-100, #e5ebf0); 
351   align-self: stretch; 
352   flex-shrink: 0; 
353   height: 1px; 
354   position: relative; 
355
356	 .frame-369 .arrow-right {margin-top: -2px;} 
357   .frame-3358, .frame-411, .faqContanier,.frame-508, .frame-413,.frame-497, .frame-368, .frame-506, .frame-412, .specialties-container,.frame-505  { 
358   display: flex; 
359   flex-direction: column; 
360   gap: 24px; 
361   align-items: flex-start; 
362   justify-content: flex-start; 
363   align-self: stretch; 
364   flex-shrink: 0; 
365   position: relative; 
366
367   .frame-402 { 
368   background: var(--primary-page-background, #ecf2f5); 
369   border-radius: 20px; 
370   border-style: 1px solid var(--primary-navy-blue-100, #e5ebf0); 
371   padding: 40px 0px; 
372   display: flex; 
373   flex-direction: column; 
374   gap: 24px; 
375   align-items: center; 
376   justify-content: center; 
377   align-self: stretch; 
378   flex-shrink: 0; 
379   height: 160px; 
380   position: relative; 
381
382   .frame-402 picture {width:100%;} 
383   .frame-402 img {height: 160px;border-radius: 20px;width:100%;object-fit: cover;} 
384   .frame-422 { 
385   display: flex; 
386   flex-direction: row; 
387   gap: 12px; 
388   align-items: flex-start; 
389   justify-content: flex-start; 
390   align-self: stretch; 
391   flex-shrink: 0; 
392   position: relative; 
393
394   .subdoctorlists { 
395   display: flex; 
396   flex-direction: row; 
397   gap: 16px; 
398   align-items: stretch; 
399   justify-content: flex-start; 
400   align-self: stretch; 
401   flex-shrink: 0; 
402   position: relative; 
403
404   .specialties-container { 
405   gap: 40px; 
406
407   .faqContanier { 
408   gap: 12px; 
409
410   .frame-368 { 
411   gap: 8px; 
412
413   gap-4 {gap: 4px;} 
414   .frame-3692 { 
415   display: flex; 
416   flex-direction: column; 
417   gap: 24px; 
418   align-items: flex-start; 
419   justify-content: flex-start; 
420
421   .frame-497 { 
422   flex-direction: row; 
423
424   .publishdate,.group-291, .quesTitle { 
425   flex: 1; 
426
427   .subdoctorlists, .frame-422 { 
428   flex-wrap: wrap; 
429
430   .frame-482 { 
431   display: flex; 
432   flex-direction: row; 
433   gap: 8px; 
434   align-items: center; 
435   justify-content:space-between; 
436   align-self: stretch; 
437   flex-shrink: 0; 
438   position: relative; 
439
440   .frame-3722 { 
441   display: flex; 
442   flex-direction: row; 
443   gap: 16px; 
444   align-items: center; 
445   justify-content: flex-start; 
446   justify-content: space-between; 
447
448   .frame-367  { 
449   background: var(--secondary-8-pink, #efbfe2); 
450   border-radius: 6px; 
451   padding: 4px 12px 4px 12px; 
452   display: flex; 
453   flex-direction: row; 
454   gap: 10px; 
455   align-items: center; 
456   justify-content: center; 
457   flex-shrink: 0; 
458   position: relative; 
459
460   .frame-369 { 
461   display: flex; 
462   flex-direction: row; 
463   gap: 4px; 
464   align-items: center; 
465   justify-content: center; 
466   flex-shrink: 0; 
467   position: relative; 
468
469   .sub-specialties-title,.specialty-pre-requisites, .department-chair, .steps-infographics-title, .fa-qs, .facilities, .related-articles { 
470   color: var(--primary-navy-blue, #002f70); 
471   font-family: var(--web-heading-2-font-family, "Dubai-Bold", sans-serif); 
472   font-size: var(--web-heading-2-font-size, 26px); 
473   line-height: var(--web-heading-2-line-height, 32px); 
474   position: relative; 
475   align-self: stretch; 
476
477   .fs-20 {font-size: var(--web-heading-2-font-size, 20px);} 
478   .name, .covid-19-frontline { 
479   color: var(--primary-navy-blue, #002f70); 
480   font-family: var(--web-heading-4-font-family, "Dubai-Bold", sans-serif); 
481   font-size: var(--web-heading-4-font-size, 20px); 
482   line-height: var(--web-heading-4-line-height, 24px); 
483   position: relative; 
484   align-self: stretch; 
485
486   .number3, .number2, .number3:hover, .number2:hover { 
487   color: var(--secondary-1-blue, #32affc); 
488   font-weight:700; 
489   font-size: var(--web-button-text-1-font-size, 18px); 
490   line-height: var(--web-button-text-1-line-height, 20px); 
491   position: relative; 
492
493   .publishdate { 
494   color: var(--primary-navy-blue-600, #6685a3); 
495   font-family: var(--web-body-default-font-family, "Dubai-Regular", sans-serif); 
496   font-size: var(--web-body-default-font-size, 16px); 
497   line-height: var(--web-body-default-line-height, 20px); 
498   position: relative; 
499   display: flex; 
500   align-items: center; 
501   justify-content: flex-start; 
502
503   .text { 
504   color: var(--primary-navy-blue, #002f70); 
505   text-align: center; 
506   font-family: "Dubai-Regular", sans-serif; 
507   font-size: 16px; 
508   line-height: 18px; 
509   position: relative; 
510
511   .desc { 
512   color: var(--primary-navy-blue-900, #1a4775); 
513   font-family: var(--web-body-default-font-family, "Dubai-Regular", sans-serif); 
514   font-size: var(--web-body-default-font-size, 16px); 
515   line-height: var(--web-body-default-line-height, 20px); 
516   position: relative; 
517   align-self: stretch; 
518
519   .quesTitle, .description { 
520   color: var(--primary-navy-blue-900, #1a4775); 
521   font-size: var(--functional-16-medium-font-size, 16px); 
522   line-height: var(--functional-16-medium-line-height, 20px); 
523   font-weight: var(--functional-16-medium-font-weight, 700); 
524   position: relative; 
525
526   .Relatedtag { 
527   color: var(--primary-navy-blue, #002f70); 
528   text-align: center; 
529   font-family: var(--web-chip-text-2-font-family, "Dubai-Bold", sans-serif); 
530   font-size: var(--web-chip-text-2-font-size, 12px); 
531   line-height: var(--web-chip-text-2-line-height, 16px); 
532   position: relative; 
533   display: flex; 
534   align-items: center; 
535   justify-content: center; 
536
537   .group-291 { 
538   position: static; 
539   display: flex; 
540   flex-direction: column; 
541   gap: 16px; 
542   background: var(--secondary-10-white, #ffffff); 
543   border-radius: 16px; 
544   border: 1px solid var(--primary-navy-blue-100, #e5ebf0); 
545   width: 289px; 
546   max-width: 289px; 
547   height: 300px; 
548
549   .doctor { 
550   background: var(--secondary-10-white, #ffffff); 
551   border-radius: 16px; 
552   border-style: solid; 
553   border-color: var(--primary-navy-blue-100, #e5ebf0); 
554   border-width: 1px; 
555   display: flex; 
556   flex-direction: column; 
557   gap: 0px; 
558   align-items: center; 
559   justify-content: space-between; 
560   flex-shrink: 0; 
561   width: 206px; 
562   position: relative; 
563   overflow: hidden; 
564
565   .image { 
566   flex-shrink: 0; 
567   width: 206px; 
568   height: 206px; 
569   position: relative; 
570   overflow: hidden; 
571   object-fit: cover; 
572
573   .text-and-social-links { 
574   padding: 16px; 
575   display: flex; 
576   flex-direction: column; 
577   gap: 24px; 
578   align-items: flex-start; 
579   justify-content: flex-start; 
580   align-self: stretch; 
581   flex-shrink: 0; 
582   position: relative; 
583
584   .name-and-role { 
585   display: flex; 
586   flex-direction: column; 
587   gap: 2px; 
588   align-items: flex-start; 
589   justify-content: flex-start; 
590   align-self: stretch; 
591   flex-shrink: 0; 
592   position: relative; 
593
594   .specialty-sub-specialty { 
595   color: var(--primary-navy-blue-700, #4d7094); 
596   font-size: var(--web-button-text-uppercase-font-size, 14px); 
597   line-height: var(--web-button-text-uppercase-line-height, 20px); 
598   font-weight: var(--web-button-text-uppercase-font-weight, 500); 
599   text-transform: uppercase; 
600   position: relative; 
601   align-self: stretch; 
602
603   .functional-chips { 
604   background: var(--primary-navy-blue-100, #e5ebf0); 
605   border-radius: 48px; 
606   border-style: solid; 
607   border-color: var(--primary-navy-blue-200, #ccd6e0); 
608   border-width: 1px; 
609   padding: 8px 16px 8px 16px; 
610   display: flex; 
611   flex-direction: row; 
612   gap: 8px; 
613   align-items: center; 
614   justify-content: flex-start; 
615   flex-shrink: 0; 
616   height: 36px; 
617   position: relative; 
618   overflow: hidden; 
619
620   .questioncard { 
621   border-style: solid; 
622   border-color: var(--primary-navy-blue-100, #e5ebf0); 
623   border-width: 0px 0px 1px 0px; 
624   padding: 12px 0px 12px 0px; 
625   display: flex; 
626   flex-direction: row; 
627   gap: 16px; 
628   align-items: center; 
629   justify-content: flex-start; 
630   align-self: stretch; 
631   flex-shrink: 0; 
632   position: relative; 
633
634   .relatedImg { 
635   border-radius: 16px 16px 0px 0px; 
636   width: 289px; 
637   height: 141.39px; 
638   object-fit: cover; 
639
640   .questioncard svg { 
641   transform: rotate(180deg); 
642
643   .questioncard.collapsed svg { 
644   transform: rotate(0deg); 
645
646   .answer p { 
647   color: var(--primary-navy-blue-900, #1A4775); 
648   font-size: 14px; 
649   line-height: 18px; 
650
651   .description { 
652   align-self: stretch; 
653   height: 48px; 
654   text-overflow: ellipsis; 
655   overflow: hidden; 
656
657   .description p, .desc p{margin:0px !important} 
658   @media screen and (max-width: 769px){ 
659   .sub-specialties-container, .specialties-container {gap:24px;} 
660   .lfr-layout-structure-item-container {padding: 0px 0px !important;} 
661   .moblie-mx-3 {padding:0px 16px;} 
662   .lfr-layout-structure-item-container .col-lg-4{padding: 0px 30px !important;} 
663   .subdoctorlists {flex-wrap: nowrap;overflow: scroll;} 
664   .desc, .desc p, .text, .number3, .number2, .number3:hover, .number2:hover, .name, .covid-19-frontline {font-size: 14px !important;line-height: 18px;} 
665   .description {font-size: 12px !important;line-height: 16px;} 
666   .sub-specialties-title, .specialty-pre-requisites, .department-chair, .steps-infographics-title, .fa-qs, .facilities, .related-articles {font-size: 16px !important;line-height: 18px;} 
667   .subBanner {height:auto;} 
668   .frame-4022 {padding: 0px 1px;} 
669   .frame-3357 {background: var(--primary-page-background, #ECF2F5);padding:10px;border-radius:16px;} 
670   .frame-497 {overflow-y: hidden;overflow-x: auto;} 
671   .breadcrumbs {display:none;} 
672   .frame-3358, .frame-411, .faqContanier, .frame-508, .frame-413, .frame-497, .frame-368, .frame-506, .frame-412, .frame-505, .gap-24 {gap:12px;} 
673   .Specialitymain {margin-bottom:0px !important;} 
674
675</style> 
Need an appointment?
At Dubai Health we focus on empowering our patients through information, knowledge and support.
Call Us At 800 60
Have any questions and didn’t find an answer? Our Call Center team is here 24/7/365 to assist you with any queries about Dubai Health’s services.

Chat Application