Protected: Admissions – sajid – Admissions

/* 4. Active Button ka Orange Rang */
.active-pill {
background-color: #F38E21 !important; /* Orange Color */
color: #ffffff !important;
box-shadow: 0px 4px 15px rgba(255, 140, 50, 0.3) !important;
transition: all 0.3s ease;
}
/* Container ki default look */
.course-container {
transition: transform 0.4s ease;
will-change: transform, opacity;
}
/* Active Button ka Orange Rang aur Safai */
.active-pill {
background-color: #F38E21 !important; /* Aapka main orange */
opacity: 1 !important;
color: #ffffff !important;
border: none !important; /* Purana border khatam */
box-shadow: none !important; /* Piche wala shadow khatam */
border-radius: 16px !important; /* Golai pakki karein */
outline: none !important;
}
/* Agar Button ke piche koi pseudo-element (::before) hai to use hide karein */
.active-pill::before,
.active-pill::after {
display: none !important;
}
/* Hover state par bhi same rakhein taake rang na badle */
.active-pill:hover {
background-color: #F38E21 !important;
color: #FFFFFF !important;
}

Applied Skills

12 Courses Available

NEXT STREAM

Next Level

Explore Next Courses

/* =======================================================
1. DESKTOP DESIGN (Strictly Matched to image_0fce06.png)
======================================================= */
.custom-modern-cart-card {
background: #ffffff;
border-radius: 28px;
padding: 28px 24px;
width: 100%;
max-width: 340px;
height: auto;
margin: 0 auto;
box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.03);
font-family: ‘Inter’, sans-serif;
box-sizing: border-box;
}
.cart-card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24px;
}
.cart-title {
font-size: 24px;
font-weight: 700;
color: #000000;
margin: 0;
}
.cart-badge {
background: #FFF0E6;
color: #FF9244;
font-size: 11px;
font-weight: 700;
padding: 6px 14px;
border-radius: 12px;
}
.cart-items-list {
max-height: 420px !important;
overflow-y: auto;
padding-right: 2px;
margin-bottom: 20px;
scrollbar-width: none;
}
.cart-items-list::-webkit-scrollbar {
display: none;
}
.cart-item-row {
display: flex !important;
justify-content: space-between !important;
align-items: flex-start !important;
padding: 16px 0;
border-bottom: 1px solid #f4f4f7;
gap: 15px;
}
.cart-items-list .cart-item-row:last-child {
border-bottom: none !important;
}
.item-info {
flex: 1 !important;
display: flex;
flex-direction: column;
}
.item-name {
font-weight: 700;
font-size: 14px;
color: #111111;
line-height: 1.4;
}
.item-meta {
font-size: 11px;
color: #A1A5B7;
margin-top: 4px;
font-weight: 500;
}
.item-price-remove {
flex: 0 0 auto !important;
text-align: right;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.item-price {
font-weight: 800;
font-size: 15px;
color: #111111;
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
line-height: 1.3 !important;
}
.item-price .original-strike {
font-size: 11px;
color: #A1A5B7;
text-decoration: line-through !important;
font-weight: 500;
margin-bottom: 2px !important;
}
.item-price .discounted-final {
font-size: 15px;
color: #111111;
font-weight: 800;
}
.remove-item-btn {
margin-top: 6px;
color: #5E6278;
text-decoration: none;
font-size: 16px;
font-weight: 400;
transition: color 0.2s;
}
.remove-item-btn:hover {
color: #000000;
}
/* Sub-items block structure from image_0fce06.png */
.custom-nested-items {
margin: 8px 0 0 0 !important;
padding: 0 !important;
display: block !important;
}
.educational-ultimate-compact-list dl.variation,
.educational-ultimate-compact-list dt {
display: none !important;
}
.educational-ultimate-compact-list ul,
.educational-ultimate-compact-list li {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: block !important;
}
.educational-ultimate-compact-list dd,
.educational-ultimate-compact-list li {
display: block !important;
margin: 0 0 6px 0 !important;
padding: 0 0 0 35px !important;
font-size: 11px !important;
color: #7E8299 !important;
font-weight: 500 !important;
position: relative !important;
line-height: 1.4 !important;
text-align: left !important;
}
.educational-ultimate-compact-list dd::before,
.educational-ultimate-compact-list li::before {
content: “1 ×” !important;
position: absolute !important;
left: 12px !important;
top: 0 !important;
color: #F69220 !important;
font-weight: 700 !important;
font-size: 11px !important;
}
.educational-ultimate-compact-list dd::after,
.educational-ultimate-compact-list li::after {
content: “•” !important;
position: absolute !important;
left: 0 !important;
top: -1px !important;
color: #B5B5C3 !important;
font-size: 13px !important;
}
/* Loyalty Engine Layout Box */
.loyalty-check-section {
margin-top: 10px !important;
width: 100%;
box-sizing: border-box;
}
.loyalty-header-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px !important;
}
.loyalty-check-section label {
font-size: 11px !important;
font-weight: 700 !important;
color: #A1A5B7 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
margin: 0 !important;
}
.betalogics-reset-loyalty {
font-size: 10px !important;
font-weight: 700 !important;
color: #EF4444 !important;
text-decoration: none !important;
text-transform: uppercase !important;
}
.loyalty-input-group {
display: flex !important;
gap: 12px !important;
width: 100% !important;
}
#loyality_email {
flex: 1 !important;
height: 46px !important;
background: #F3F4F6 !important;
border: 1px solid #E5E7EB !important;
border-radius: 12px !important;
padding: 0 16px !important;
font-size: 13px !important;
outline: none !important;
color: #111111;
}
#loyality_button {
width: 96px !important;
height: 46px !important;
background: #111827 !important;
color: #FFFFFF !important;
border: none !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 11px !important;
text-transform: uppercase !important;
cursor: pointer !important;
}
/* Totals Summary Stack */
.cart-totals-section {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 20px;
}
.totals-row {
display: flex;
justify-content: space-between;
align-items: center;
color: #7E8299;
font-size: 13px;
font-weight: 500;
}
.sub-tothead {
color: #7E8299 !important;
}
.sub-totprice {
color: #111111 !important;
font-weight: 600;
}
.discount-row span:last-child {
color: #22C55E !important;
font-weight: 700;
}
.discount-row span:last-child, .fee-row span:last-child {
color: #22C55E !important;
font-family: ‘Plus Jakarta Sans’, sans-serif !important;
font-weight: 700;
font-size: 14px;
text-align: right;
}
.total-amount-row {
padding-top: 10px;
margin-top: 10px;
}
.total-label {
font-weight: 700;
font-size: 22px;
text-transform: uppercase;
color: #111827;
letter-spacing: 0.5px;
}
.total-price {
font-size: 22px;
font-weight: 800;
color: #F69220;
}
.checkout-btn {
display: block;
text-align: center;
background: #F69220;
color: #ffffff !important;
font-weight: 700;
font-size: 13px;
padding: 16px;
border-radius: 16px;
text-decoration: none;
text-transform: uppercase;
margin-top: 24px;
letter-spacing: 0.5px;
}
.betalogics-mobile-floating-pill, .drawer-pull-handle {
display: none;
}
@keyframes betalogics-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.betalogics-spinner {
display: inline-block;
width: 16px;
height: 16px;
border: 2px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
border-top-color: #ffffff;
animation: betalogics-spin 0.8s linear infinite;
}
/* =======================================================
2. MOBILE LIVE DRAWER & PILL DESIGN (image_0fd9e2.png)
======================================================= */
@media (max-width: 767px) {
.betalogics-mobile-floating-pill {
display: flex !important;
position: fixed !important;
bottom: 20px !important;
left: 4% !important;
width: 92% !important;
height: 72px !important;
background: #131E2F !important;
border-radius: 20px !important;
z-index: 999999 !important;
box-shadow: 0px 8px 30px rgba(19, 30, 47, 0.3) !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0 16px !important;
box-sizing: border-box !important;
}
.pill-left-wrapper {
display: flex !important;
align-items: center !important;
gap: 14px !important;
cursor: pointer;
flex: 1;
height: 100%;
}
.pill-bag-icon-container {
position: relative !important;
display: flex !important;
align-items: center !important;
}
.pill-bag-svg {
width: 24px;
height: 24px;
fill: none;
stroke: #ffffff;
stroke-width: 2;
}
.pill-badge-dot {
position: absolute !important;
top: -2px !important;
right: -2px !important;
width: 7px !important;
height: 7px !important;
background: #FF4B4B !important;
border-radius: 50% !important;
}
.pill-text-details {
display: flex;
flex-direction: column;
}
.pill-count-tag {
font-size: 10px !important;
color: #A1A5B7 !important;
text-transform: uppercase !important;
font-weight: 700 !important;
margin-bottom: 2px;
}
.pill-total-amount {
font-size: 16px !important;
font-weight: 800 !important;
color: #ffffff !important;
}
.pill-right-action-btn {
background: #F69220 !important;
color: #ffffff !important;
font-size: 12px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
padding: 12px 24px !important;
border-radius: 14px !important;
text-decoration: none !important;
}
/* Bottom Sheet Engine transformation */
.custom-modern-cart-card {
position: fixed !important;
bottom: 0 !important;
left: 0 !important;
width: 100% !important;
max-width: 100% !important;
background: #ffffff !important;
border-radius: 30px 30px 0 0 !important;
box-shadow: 0px -10px 40px rgba(0, 0, 0, 0.15) !important;
padding: 24px 20px 40px 20px !important;
z-index: 9999999 !important;
max-height: 85vh !important;
overflow-y: auto !important;
transform: translateY(110%);
transition: transform 0.3s ease-out;
}
.custom-modern-cart-card.drawer-open {
transform: translateY(0) !important;
}
.drawer-pull-handle {
display: block !important;
width: 40px !important;
height: 5px !important;
background: #E4E6EF !important;
border-radius: 3px !important;
margin: -10px auto 15px auto !important;
}
.betalogics-drawer-backdrop {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background: rgba(0,0,0,0.4) !important;
z-index: 999998 !important;
display: none;
}
.betalogics-drawer-backdrop.show {
display: block !important;
}
}

2 items
PKR: 40,200
Checkout

Cart

2 items
SBR (Dec-26 urdu/ hindi)
by Sir Mustafa Mirchawala
PKR: 40,000PKR: 24,000
×
LW-F4 (Sep-26 urdu/ hindi) fast track
by Sir Owais Mirchawala
PKR: 27,000PKR: 16,200
×

LOYALTY CHECK
Change Email

Subtotal
PKR: 40,200
Admission Fee Discount
PKR: 0
Mirchawala's Loyalty (5%)
– PKR: 2,010
Package Discount (5%)
– PKR: 2,010
TOTAL
PKR: 36,180
CHECKOUT