الأقسام – مركز في هوب الطبي، أبراج بحيرات جميرا، دبي
@import url(‘https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap’);
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
–gold:#b8944a;
–gold-lt:#d4ad65;
–gold-dim:rgba(184,148,74,0.12);
–navy:#0d1f3c;
–navy-mid:#162a4a;
–navy-lt:#1e3a5f;
–dark:#1c1810;
–white:#ffffff;
–off-white:#f5f3ee;
–text:#2a2318;
–text-mid:#5a4f3c;
–text-muted:#9a8e7a;
–border-card:#e8e2d6;
–border-lt:rgba(184,148,74,0.13);
–ff-serif:’Playfair Display’,Georgia,serif;
–ff-sans:’Inter’,system-ui,sans-serif;
}
html{scroll-behavior:smooth}
body{
font-family:var(–ff-sans);
background:var(–off-white);
color:var(–text);
-webkit-font-smoothing:antialiased;
}
/* ── FILTER BAR ── */
.vhope-filter-wrap{
display:block;
width:100%;
background:#ffffff;
border-top:3px solid var(–gold);
border-bottom:1px solid var(–border-card);
padding:14px 20px;
}
.vhope-filter-scroll{
display:flex;
flex-direction:row;
align-items:center;
gap:8px;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
flex-wrap:nowrap;
}
.vhope-filter-scroll::-webkit-scrollbar{display:none}
.vhope-f-btn{
display:inline-block;
font-family:var(–ff-sans);
font-size:11px;
font-weight:600;
letter-spacing:0.12em;
text-transform:uppercase;
color:var(–navy);
background:#ffffff;
border:1.5px solid #c8d4e3;
border-radius:4px;
padding:9px 18px;
cursor:pointer;
white-space:nowrap;
flex-shrink:0;
transition:color 0.18s,background 0.18s,border-color 0.18s;
line-height:1;
}
.vhope-f-btn:hover{
color:var(–gold);
border-color:var(–gold);
background:var(–gold-dim);
}
.vhope-f-btn.active{
color:#ffffff;
background:var(–gold);
border-color:var(–gold);
}
/* ── MAIN ── */
.vhope-main{
padding:40px 20px 80px;
max-width:1200px;
margin:0 auto;
}
/* ── SECTION HEAD ── */
.vhope-section-head{
display:flex;
align-items:baseline;
justify-content:space-between;
gap:12px;
margin-bottom:32px;
padding-bottom:18px;
border-bottom:1px solid var(–border-lt);
}
.vhope-section-head h2{
font-family:var(–ff-serif);
font-size:clamp(22px,3vw,30px);
font-weight:400;
color:var(–navy);
line-height:1.2;
}
.vhope-section-head h2 em{color:var(–gold);font-style:italic}
.vhope-count{
font-size:12px;
font-weight:500;
letter-spacing:0.08em;
color:var(–text-muted);
white-space:nowrap;
}
/* ── GRID ── */
.vhope-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}
/* ── CARD ── */
.vhope-card{
display:flex;
flex-direction:column;
background:#ffffff;
border:1px solid var(–border-card);
border-radius:12px;
overflow:hidden;
text-decoration:none;
position:relative;
transition:border-color 0.22s,transform 0.22s,box-shadow 0.22s;
cursor:pointer;
}
.vhope-card-accent{
display:block;
height:3px;
background:var(–gold);
width:100%;
opacity:0;
transition:opacity 0.22s;
}
.vhope-card:hover .vhope-card-accent,
.vhope-card.featured .vhope-card-accent{opacity:1}
.vhope-card:hover{
border-color:rgba(184,148,74,0.5);
transform:translateY(-3px);
box-shadow:0 12px 32px rgba(0,0,0,0.1);
}
.vhope-card.featured{border-color:rgba(184,148,74,0.35)}
.vhope-card-body{
padding:24px 22px 20px;
flex:1;
display:flex;
flex-direction:column;
}
/* Card header */
.vhope-card-header{
display:flex;
align-items:flex-start;
gap:14px;
margin-bottom:18px;
}
.vhope-icon{
width:44px;height:44px;
flex-shrink:0;
border-radius:50%;
background:var(–gold-dim);
border:1px solid rgba(184,148,74,0.25);
display:flex;
align-items:center;
justify-content:center;
transition:background 0.22s;
}
.vhope-card:hover .vhope-icon{background:rgba(184,148,74,0.2)}
.vhope-icon i{font-size:19px;color:var(–gold)}
.vhope-title-group{flex:1;padding-top:2px}
.vhope-num{
display:block;
font-size:10px;font-weight:600;
letter-spacing:0.2em;text-transform:uppercase;
color:var(–gold);opacity:0.7;
margin-bottom:3px;
}
.vhope-title{
font-family:var(–ff-serif);
font-size:17px;font-weight:400;
color:var(–navy);
line-height:1.25;
}
.vhope-sub{
font-size:12px;font-weight:400;
color:var(–text-muted);margin-top:3px;
}
/* Services */
.vhope-services{
list-style:none;
margin-bottom:20px;
flex:1;
}
.vhope-services li{
font-size:15px;font-weight:300;
color:var(–text-mid);
line-height:1.6;
padding:6px 0;
border-bottom:1px solid #f0ebe2;
display:flex;
align-items:flex-start;
gap:10px;
}
.vhope-services li:last-child{border-bottom:none}
.vhope-services li::before{
content:”;display:block;flex-shrink:0;
width:4px;height:4px;border-radius:50%;
background:var(–gold);
margin-top:10px;opacity:0.65;
}
/* Card footer */
.vhope-card-footer{
display:flex;
align-items:center;
justify-content:space-between;
padding-top:14px;
border-top:1px solid #ede8de;
margin-top:auto;
}
.vhope-link{
font-size:11px;font-weight:600;
letter-spacing:0.16em;text-transform:uppercase;
color:var(–gold);text-decoration:none;
display:flex;align-items:center;gap:6px;
transition:gap 0.18s;
}
.vhope-card:hover .vhope-link{gap:10px}
.vhope-link i{font-size:13px}
.vhope-badge{
font-size:10px;font-weight:500;
letter-spacing:0.1em;text-transform:uppercase;
color:var(–text-muted);
}
/* ── CTA — DARK NAVY ── */
.vhope-cta{
background:var(–navy);
padding:72px 24px;
text-align:center;
position:relative;
border-radius:10px !important;
}
.vhope-cta::before{
content:”;
position:absolute;inset:0;
background:repeating-linear-gradient(
45deg,
rgba(255,255,255,0.015) 0px,
rgba(255,255,255,0.015) 1px,
transparent 1px,
transparent 28px
);
pointer-events:none;
}
.vhope-cta-eye{
display:block;
font-size:10px;font-weight:600;
letter-spacing:0.26em;text-transform:uppercase;
color:var(–gold);margin-bottom:14px;
position:relative;
}
.vhope-cta h3{
font-family:var(–ff-serif);
font-size:clamp(26px,3.5vw,40px);
font-weight:400;
color:#ffffff;
line-height:1.2;margin-bottom:14px;
position:relative;
}
.vhope-cta h3 em{color:var(–gold-lt);font-style:italic}
.vhope-cta p{
font-size:15px;font-weight:300;
color:rgba(255,255,255,0.65);
max-width:460px;margin:0 auto 36px;
line-height:1.8;
position:relative;
}
/* Info pills row */
.vhope-cta-info{
display:flex;
align-items:center;
justify-content:center;
gap:16px;
flex-wrap:wrap;
margin-bottom:36px;
position:relative;
}
.vhope-info-pill{
display:inline-flex;
align-items:center;
gap:8px;
font-size:12px;font-weight:500;
letter-spacing:0.06em;
color:rgba(255,255,255,0.8);
background:rgba(255,255,255,0.08);
border:1px solid rgba(255,255,255,0.15);
border-radius:50px;
padding:9px 18px;
}
.vhope-info-pill i{font-size:14px;color:var(–gold-lt)}
.vhope-cta-btns{
display:flex;align-items:center;
justify-content:center;gap:12px;flex-wrap:wrap;
position:relative;
}
.vhope-btn{
display:inline-flex;align-items:center;gap:9px;
font-family:var(–ff-sans);
font-size:11px;font-weight:600;
letter-spacing:0.16em;text-transform:uppercase;
text-decoration:none;padding:14px 28px;
border-radius:6px;cursor:pointer;
transition:transform 0.15s,background 0.18s,border-color 0.18s,color 0.18s;
white-space:nowrap;
}
.vhope-btn i{font-size:15px}
.vhope-btn-gold{background:var(–gold);color:#fff;border:2px solid var(–gold)}
.vhope-btn-gold:hover{background:var(–gold-lt);border-color:var(–gold-lt);transform:translateY(-2px)}
.vhope-btn-white{
background:transparent;
color:#ffffff;
border:2px solid rgba(255,255,255,0.35);
}
.vhope-btn-white:hover{
border-color:rgba(255,255,255,0.7);
background:rgba(255,255,255,0.08);
transform:translateY(-2px);
}
/* ── RESPONSIVE ── */
@media(max-width:1024px){
.vhope-grid{grid-template-columns:repeat(2,1fr);gap:16px}
}
@media(max-width:640px){
.vhope-grid{grid-template-columns:1fr;gap:14px}
.vhope-filter-wrap{padding:10px 14px}
.vhope-filter-scroll{gap:6px}
.vhope-f-btn{padding:8px 12px;font-size:10px}
.vhope-main{padding:28px 14px 60px}
.vhope-section-head{flex-direction:column;align-items:flex-start;gap:6px}
.vhope-cta{padding:52px 18px}
.vhope-cta-btns{flex-direction:column;align-items:stretch}
.vhope-btn{justify-content:center}
.vhope-cta-info{flex-direction:column;gap:10px}
}
رعاية متخصصة في جميع التخصصات
9 أقسام
هل أنت مستعد للبدء؟
احجز موعدك مع أخصائي
اليوم
تتوفر مواعيد في نفس اليوم. فريقنا متواجد من الاثنين إلى الأحد، من الساعة 10 صباحاً حتى 8 مساءً.
مجموعة جي إل تي تي، دبي
الإثنين – الشمس
· 10 AM – 8 PM
04 553 2311
مرخصة من هيئة الصحة بدبي
function vhopeFilter(cat, btn) {
document.querySelectorAll(‘.vhope-f-btn’).forEach(function(b){ b.classList.remove(‘active’); });
btn.classList.add(‘active’);
var cards = document.querySelectorAll(‘.vhope-card’);
var visible = 0;
cards.forEach(function(card){
var cats = card.getAttribute(‘data-cat’) || ”;
var show = (cat === ‘all’ || cats.indexOf(cat) !== -1);
card.style.display = show ? ” : ‘none’;
if (show) visible++;
});
document.getElementById(‘vhopeCount’).textContent = visible + (visible === 1 ? ‘ department’ : ‘ departments’);
}
