Gynecology Services – V Hope Medical Center*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
/* ── Section ── */
.services-section {
max-width: 1400px;
margin: 0 auto;
}
/* ── Header ── */
.section-header {
text-align: center;
margin-bottom: 52px;
}
.section-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 11px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: #C5860A;
margin-bottom: 16px;
}
.section-eyebrow::before,
.section-eyebrow::after {
content: ”;
display: block;
width: 32px;
height: 2px;
background: #C5860A;
border-radius: 2px;
}
.section-title {
font-size: 38px;
font-weight: 700;
color: #1A3355;
line-height: 1.2;
margin-bottom: 14px;
letter-spacing: -0.5px;
}
.section-title span { color: #C5860A; }
.section-sub {
font-size: 15px;
color: #7a8fa6;
max-width: 560px;
margin: 0 auto;
line-height: 1.7;
}
/* ── Grid ── */
.services-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
/* ── Card ── */
.service-card {
background: #ffffff;
border-radius: 20px;
padding: 32px 28px 28px;
border: 1px solid #e4eaf3;
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
transition: box-shadow 0.25s, transform 0.25s, border-color 0.25s;
}
/* corner watermark icon */
.service-card::after {
content: ”;
position: absolute;
bottom: -18px;
right: -18px;
width: 90px;
height: 90px;
border-radius: 50%;
background: #f0f4fa;
transition: background 0.25s;
z-index: 0;
}
/* top gold bar */
.service-card::before {
content: ”;
position: absolute;
top: 0; left: 0; right: 0;
height: 4px;
background: linear-gradient(90deg, #C5860A 0%, #F0C060 100%);
opacity: 0;
transition: opacity 0.25s;
z-index: 1;
}
.service-card:hover {
box-shadow: 0 12px 40px rgba(26, 51, 85, 0.12);
transform: translateY(-4px);
border-color: #c8d6e8;
}
.service-card:hover::before { opacity: 1; }
.service-card:hover::after { background: #fdf5e6; }
/* card inner above watermark */
.card-inner { position: relative; z-index: 1; display: flex; flex-direction: column; height: 100%; }
/* ── Icon ── */
.card-icon-wrap {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 22px;
}
.card-icon {
width: 58px;
height: 58px;
border-radius: 16px;
background: #EEF3FA;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: background 0.25s, transform 0.25s;
border: 1px solid #dce6f2;
}
.service-card:hover .card-icon {
background: #FFF3DC;
border-color: #F0C060;
transform: scale(1.06);
}
.card-icon svg {
width: 28px;
height: 28px;
transition: all 0.25s;
}
.service-card:hover { color: #fde8b0; }
/* ── Title ── */
.card-title {
font-size: 16px;
font-weight: 700;
color: #1A3355;
margin-bottom: 10px;
line-height: 1.35;
}
/* ── Divider ── */
.card-divider {
width: 36px;
height: 3px;
background: #C5860A;
border-radius: 3px;
margin-bottom: 18px;
transition: width 0.25s;
}
.service-card:hover .card-divider { width: 54px; }
/* ── List ── */
.card-list {
list-style: none;
display: flex;
flex-direction: column;
gap: 10px;
flex: 1;
}
.card-list li {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 13px;
color: #5a6a7e;
line-height: 1.55;
}
.card-list li .bullet {
width: 18px;
height: 18px;
border-radius: 50%;
background: #EEF3FA;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
margin-top: 1px;
transition: background 0.2s;
}
.service-card:hover .card-list li .bullet { background: #FFF3DC; }
.card-list li .bullet svg {
width: 10px;
height: 10px;
stroke: #C5860A;
fill: none;
stroke-width: 2.5;
stroke-linecap: round;
stroke-linejoin: round;
}
/* ── CTA card ── */
.cta-card {
background: linear-gradient(145deg, #1A3355 0%, #0f2240 100%);
border-color: #1A3355;
}
.cta-card::after { background: rgba(255,255,255,0.04); }
.cta-card:hover { border-color: #2a4a70; }
.cta-card:hover::after { background: rgba(255,255,255,0.07); }
.cta-card { color: rgba(255,255,255,0.06); }
.cta-card:hover { color: rgba(232,168,32,0.15); }
.cta-card .card-icon {
background: rgba(255,255,255,0.08);
border-color: rgba(197,134,10,0.4);
}
.cta-card:hover .card-icon {
background: rgba(197,134,10,0.2);
border-color: rgba(197,134,10,0.7);
}
.cta-card .card-title { color: #ffffff; font-size: 18px; }
.cta-card .card-divider { background: #E8A820; }
.cta-card:hover .card-divider { width: 54px; }
.cta-desc {
font-size: 13.5px;
color: rgba(255,255,255,0.6);
line-height: 1.7;
margin-bottom: 28px;
flex: 1;
}
.cta-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
background: #C5860A;
color: #fff;
text-decoration: none;
font-size: 14.5px;
font-weight: 700;
padding: 14px 22px;
border-radius: 12px;
letter-spacing: 0.3px;
transition: background 0.2s, transform 0.15s;
}
.cta-btn:hover {
background: #A06A06;
transform: translateY(-1px);
}
.cta-btn svg {
width: 16px;
height: 16px;
stroke: #fff;
fill: none;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round;
}
/* ── Responsive ── */
@media (max-width: 960px) {
.services-grid { grid-template-columns: repeat(2, 1fr); }
.section-title { font-size: 30px; }
}
@media (max-width: 580px) {
.services-grid { grid-template-columns: 1fr; }
.section-title { font-size: 24px; }
.service-card { padding: 24px 20px; }
}
Our Psychiatric Services
- Anxiety disorders
- Depression and mood disorders
- Stress-related conditions and burnout
- Panic attacks
- Obsessive-Compulsive Disorder (OCD)
- Sleep disorders including insomnia
- Bipolar disorder
- Psychotic disorders
- Child and adolescent behavioral concerns
- Addiction and substance-related conditions
- Emotional and psychological difficulties
- Memory problems and geriatric psychiatric conditions
When to Visit a Psychiatrist
- Persistent sadness or depression
- Anxiety or panic attacks
- Sleep disturbances or insomnia
- Mood changes or mood instability
- Emotional distress
- Behavioral changes
- Difficulty managing stress
- Loss of interest in daily activities
Book a Consultation
Speak with our DHA-licensed Psychiatrist for personalized care and confidential consultation.
04 553 2311