.vx-drawer-wrap {
width: 100%;
padding: 10px 0 16px 0;
box-sizing: border-box;
font-family: inherit;
color: #334155;
display: flex;
flex-direction: column;
gap: 14px;
}
.vx-drawer-wrap * {
box-sizing: border-box;
}
/* Top Action Bar: Call & WhatsApp */
.vx-drawer-quick-contact {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.vx-drawer-btn-call {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
background: #004a99;
color: #ffffff !important;
text-decoration: none !important;
padding: 11px 10px;
border-radius: 8px;
font-size: 13px;
font-weight: 700;
box-shadow: 0 3px 8px rgba(0, 74, 153, 0.15);
white-space: nowrap;
}
.vx-drawer-btn-wa {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
background: #25d366;
color: #ffffff !important;
text-decoration: none !important;
padding: 11px 10px;
border-radius: 8px;
font-size: 13px;
font-weight: 700;
box-shadow: 0 3px 8px rgba(37, 211, 102, 0.2);
white-space: nowrap;
}
/* Core Programs */
.vx-drawer-group-title {
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #64748b;
margin: 4px 0 0 2px;
}
.vx-drawer-main-links {
display: flex;
flex-direction: column;
gap: 8px;
}
.vx-dlink-card {
display: flex;
align-items: center;
justify-content: space-between;
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 10px;
padding: 12px 14px;
text-decoration: none !important;
box-shadow: 0 2px 6px rgba(0,0,0,0.02);
transition: border-color 0.2s ease, transform 0.15s ease;
}
.vx-dlink-card:active {
transform: scale(0.98);
}
.vx-dlink-left {
display: flex;
align-items: center;
gap: 10px;
}
.vx-dlink-icon {
font-size: 18px;
width: 26px;
text-align: center;
}
.vx-dlink-text h4 {
font-size: 14px;
font-weight: 750;
color: #0f172a;
margin: 0;
line-height: 1.3;
}
.vx-dlink-text span {
font-size: 11.5px;
color: #64748b;
display: block;
margin-top: 1px;
}
.vx-dlink-arrow {
font-size: 14px;
color: #f37021;
font-weight: 800;
}
/* Highlight Card (Offline Ludhiana Coaching) */
.vx-dlink-card.featured-ludhiana {
border: 1.5px solid #a7f3d0;
background: linear-gradient(135deg, #ecfdf5 0%, #ffffff 100%);
}
.vx-dlink-card.featured-ludhiana h4 {
color: #065f46;
}
/* Highlight Card (1-on-1 Mentorship) */
.vx-dlink-card.featured-mentorship {
border: 1.5px solid #bfdbfe;
background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%);
}
.vx-dlink-card.featured-mentorship h4 {
color: #004a99;
}
/* Highlight Card (IDP Exam Booking) */
.vx-dlink-card.featured-idp {
border: 1.5px solid #fed7aa;
background: linear-gradient(135deg, #fffaf5 0%, #ffffff 100%);
}
.vx-dlink-card.featured-idp h4 {
color: #c2410c;
}
/* 2-Column Resource Quick Grid */
.vx-drawer-res-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
}
.vx-dres-btn {
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 10px 8px;
text-align: center;
text-decoration: none !important;
display: flex;
flex-direction: column;
align-items: center;
gap: 3px;
}
.vx-dres-btn span.icon {
font-size: 16px;
}
.vx-dres-btn span.label {
font-size: 11.5px;
font-weight: 700;
color: #334155;
line-height: 1.25;
}
/* Utility Links (Pay & Support) */
.vx-drawer-utility {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
padding: 12px 0 4px 0;
border-top: 1px dashed #cbd5e1;
margin-top: 2px;
}
.vx-dutil-link {
font-size: 12px;
font-weight: 700;
color: #004a99 !important;
text-decoration: underline !important;
}
→
→
→
→
Coaching & Exam Booking
IELTS Coaching in Ludhiana
Pakhowal Road • Daily 4-Hr Smart Classes1-on-1 Online IELTS Coaching
Canada CLB 9 & Australia 20 PointsBook IDP IELTS Exam Date
Official Nodal Partner • Free Task-2 Review70+ Lesson Video Masterclass
Web & Mobile App Course PortalFree Study Material & Blueprints
