নিচের কোনটি সঠিক HTML ট্যাগ?
</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span><body></span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>উপরের সবগুলো</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 28</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">452</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> General</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
HTML-এর পূর্ণরূপ কী?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>HyperText Markup Language</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>HighText Machine Language</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>HyperText Machine Language</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>HyperLink Markup Language</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 28</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">453</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> BCS</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
The lights have been blown _____ by the strong wind.
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>Out</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>Away</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>Up</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>Off</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 28</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">454</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> Admission</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
32 এর 2 ভিত্তিক লগারিদম কত?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>6</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>3</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>4</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>5</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 28</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">455</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> Admission</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
বলের ওজন কত?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>৩০০-৩৫০ গ্রাম</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>৩৫০-৪০০ গ্রাম</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>৪১০-৪৫০ গ্রাম</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>৫০০ গ্রাম</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 28</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">456</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
(1 - tan²60)/ (1 + tan²60) এর মান কত?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>1</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>-1</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>-2</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>-1/2</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">457</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
X = cosθ এবং M = (√2)¯² হলে, θ এর মান কত?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>30°</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>45°</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>60°</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>90°</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">458</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
sin²45° - cos²45° = ?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>1</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>1/2</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>3/2</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>4/3</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">459</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
△ABC এ AB = 4, AC = 5 হলে cosecC এর মান কত?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>3/5</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>4/5</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>5/4</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>4/3</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">460</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
sin(90 - θ) = ?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>cosecθ</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>secθs</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>tanθ</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>cosθ</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">461</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
tan (x - 30°) = √3 হলে sinx এর মান কত?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>0</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>0.5</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>1</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>2/√3</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">462</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
cosec(90° - x) = 5/13 হলে, tanx - secx এর মান কত?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>1/5</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>5</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>-1/5</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>অসংজ্ঞায়িত</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">463</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
θ এবং (90 - θ) কোণের ক্ষেত্রে নিচের কোনটি সঠিক?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>পরস্পর সমকোণ</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>পরস্পর সূক্ষ্মকোণ</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>পরস্পর পূরক কোণ</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>পরস্পর সম্পূরক কোণ</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">464</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
sin(A - B) = 0.5 এবং B = 30° হলে A = কত?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>60°</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>0°</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>30°</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>45°</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">465</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
tanx . cotx . cosx এর মান নিচের কোনটি?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>লম্ব/অতিভুজ</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>লম্ব/ভূমি</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>অতিভুজ/ভূমি</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>ভূমি/অতিভুজ</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">466</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
(cot45°.tan30°.sec60°) - sin0° = ?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>2/√3</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>- 2/√3</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>1/√3</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>- 1/√3</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">467</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
cosec90°/cot90° = ?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>অসংজ্ঞায়িত</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>0</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>1</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>0.5</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">468</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
cotA√(1-cos²A) = ?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>sinA</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>cosA</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>cosA.sinA</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>cosA/sinA</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">469</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
cosec(2P) = 2 হলে P এর মান কত?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>90°</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>45°</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>30°</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>15°</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">470</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
√(1-sinA)/√(1+sinA) এর মান কত?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>secA + tanA</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>tanA - secA</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>(1-sinA)/cosA</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>(1-cosA)/sinA</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">471</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
△ABC এ AB = 14 cm, BC = 18 cm, ∠ACB = θ হলে, sec²θ - tan²θ এর মান কত?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>196/324</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>520/342</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>1</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>-1</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">472</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
(sinx/cosecx) + (cosx/secx) এর মান নিচের কোনটি?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>0</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>1</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>2</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>-2</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">473</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
sinß - cosß = 1 হলে, sinß .cosß এর মান নিচের কোনটি?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>0</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>1</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>-1</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>45</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">474</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
sec(90 - θ ) = 2/√3 হলে tanθ = ?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>√3/2</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>1/2</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>√3</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>√2</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">475</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
2sinA = √3 হলে ∠Aএর কোনটি?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>30°</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>60°</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>45°</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>90°</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">476</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
cosx = 0.5 হলে tanx = কত?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>√2</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>1</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>1/√3</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>√3</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">477</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
A = 90° হলে sinA - cotA = ?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>0°</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>-1</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>অসংজ্ঞায়িত</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>1</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">478</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
secθ এর সর্বোচ্চ মান কত? (0°≤θ ≤90°)
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>1</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>2</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>3</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>√2</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">479</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
tanθ = r হলে, r = √(3)¯¹ হলে θ এর মান কত ?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>0°</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>30°</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>45°</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>60°</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">480</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
ত্রিকোণমিতিতে আলোচনার সুবিধার্থে কত ডিগ্রি কোণের অবতারণা করা হয়?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>0</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>30</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>45</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>90</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">481</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
প্রমিত অবস্থানে ০° কোণের ক্ষেত্রে কোনটি সঠিক?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>এর মান অসংজ্ঞায়িত</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>এর মান সর্বদা ১ এর চেয়ে ছোট হয়</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>প্রান্তীয় ও আদি বাহু একই রশ্মি ধরা হয়</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>এর মান সংজ্ঞায়িত</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">482</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
sinθ প্রতীকটি দ্বারা কী বোঝায়?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>θ কোণের sin এর অনুপাত</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>θ ও sin এর গুণফল</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>θ ও sin এর যোগফল</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>θ ও sin এর বিয়োগফল</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">483</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
নিচের কোনটি গ্রিক বর্ণমালা?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>⌀</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>Φ</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>w</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>ß</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">484</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
cosec⁴x - cosec²x = 1 হলে ,
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>cosecx = tanx</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>cotx.cosecx = 0</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>cot²x - cot⁴x = 1</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>sin⁴x = 1+ sin²x</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card border-0 shadow-sm rounded-3 overflow-hidden exam-card h-100">
<div class="card-body p-3">
<div class="d-flex justify-content-between align-items-center mb-2">
<div class="d-flex align-items-center gap-2">
<span class="exam-q-num" style="width: 24px; height: 24px; font-size: 0.7rem;">485</span>
<span class="badge bg-light text-primary border rounded-pill px-2 py-0 fw-normal" style="font-size: 0.6rem;">MCQ</span>
</div>
<small class="text-muted opacity-75" style="font-size: 0.65rem;"><i class="bi bi-tag-fill me-1"></i> SSC</small>
</div>
<div class="question-content">
<div class="question-text mb-2" style="font-size: 0.85rem !important;">
△PQR এ ∠R = 90° এবং ∠Q = θ হলে সন্নিহিত বাহু কোনটি?
</div>
<div class="row g-1 mt-1">
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>PQ</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>QR</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>RP</span>
</div>
</div>
<div class="col-12">
<div class="p-1 px-2 rounded-2 border d-flex align-items-center bg-light bg-opacity-50" style="font-size: 0.7rem; font-weight: 400;">
<div class="radio-dot-preview me-2" style="width: 10px; height: 10px; border-width: 1px;"></div>
<span>একটিও না</span>
</div>
</div>
</div>
</div>
<div class="mt-3 pt-2 border-top border-light text-end">
<small class="text-muted" style="font-size: 0.6rem;">Jun 24</small>
</div>
</div>
</div>
</div>
</div>
<!-- Pagination -->
<nav aria-label="Page navigation" class="mt-5">
<ul class="pagination justify-content-center">
<li class="page-item">
<a class="page-link rounded-start-pill px-3" href="?page=9" aria-label="Previous">
<i class="bi bi-chevron-left"></i>
</a>
</li>
<li class="page-item"><a class="page-link px-3" href="?page=8">8</a></li>
<li class="page-item"><a class="page-link px-3" href="?page=9">9</a></li>
<li class="page-item active"><span class="page-link px-3 fw-normal">10</span></li>
</ul>
</nav>
</div>
</div>
<!-- Shifted Sidebar Content to Bottom -->
<div class="row g-4 mt-2">
<div class="col-md-4">
<!-- Subject Breakdown Section -->
<div class="card border-0 shadow-sm rounded-4 mb-4 overflow-hidden h-100">
<div class="card-header bg-dark text-white fw-normal py-3 px-4 border-0">
<i class="bi bi-diagram-3 me-2"></i> Subject Breakdown
</div>
<div class="card-body p-0">
<div class="list-group list-group-flush">
<a href="/practice/?tag=bijgonit&subject=General" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center py-3 px-4 border-light">
<div class="d-flex align-items-center">
<div class="bg-primary bg-opacity-10 text-primary rounded-pill p-2 me-3 d-flex align-items-center justify-content-center" style="width: 32px; height: 32px;">
<i class="bi bi-book small"></i>
</div>
<span class="fw-normal text-dark small">General</span>
</div>
<span class="badge bg-slate-100 text-slate-600 rounded-pill">283</span>
</a>
<a href="/practice/?tag=bijgonit&subject=NTRC" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center py-3 px-4 border-light">
<div class="d-flex align-items-center">
<div class="bg-primary bg-opacity-10 text-primary rounded-pill p-2 me-3 d-flex align-items-center justify-content-center" style="width: 32px; height: 32px;">
<i class="bi bi-book small"></i>
</div>
<span class="fw-normal text-dark small">NTRC</span>
</div>
<span class="badge bg-slate-100 text-slate-600 rounded-pill">149</span>
</a>
<a href="/practice/?tag=bijgonit&subject=SSC" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center py-3 px-4 border-light">
<div class="d-flex align-items-center">
<div class="bg-primary bg-opacity-10 text-primary rounded-pill p-2 me-3 d-flex align-items-center justify-content-center" style="width: 32px; height: 32px;">
<i class="bi bi-book small"></i>
</div>
<span class="fw-normal text-dark small">SSC</span>
</div>
<span class="badge bg-slate-100 text-slate-600 rounded-pill">50</span>
</a>
<a href="/practice/?tag=bijgonit&subject=Admission" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center py-3 px-4 border-light">
<div class="d-flex align-items-center">
<div class="bg-primary bg-opacity-10 text-primary rounded-pill p-2 me-3 d-flex align-items-center justify-content-center" style="width: 32px; height: 32px;">
<i class="bi bi-book small"></i>
</div>
<span class="fw-normal text-dark small">Admission</span>
</div>
<span class="badge bg-slate-100 text-slate-600 rounded-pill">2</span>
</a>
<a href="/practice/?tag=bijgonit&subject=BCS" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center py-3 px-4 border-light">
<div class="d-flex align-items-center">
<div class="bg-primary bg-opacity-10 text-primary rounded-pill p-2 me-3 d-flex align-items-center justify-content-center" style="width: 32px; height: 32px;">
<i class="bi bi-book small"></i>
</div>
<span class="fw-normal text-dark small">BCS</span>
</div>
<span class="badge bg-slate-100 text-slate-600 rounded-pill">1</span>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<!-- Topic Mastery Tracking -->
<div class="card border-0 shadow-sm rounded-4 mb-4 h-100">
<div class="card-body p-4">
<h3 class="h6 fw-normal mb-3 text-dark text-uppercase letter-spacing-1">Mastery Path</h3>
<div class="small">
<div class="d-flex gap-3 mb-3">
<div class="bg-emerald-50 text-emerald-700 rounded-circle p-2 d-flex align-items-center justify-content-center" style="width: 32px; height: 32px; flex-shrink: 0;">
<i class="bi bi-check-all"></i>
</div>
<div>
<span class="fw-normal d-block text-dark">Solved 485 questions</span>
<span class="text-muted opacity-75">Covering all major sub-topics</span>
</div>
</div>
<div class="d-flex gap-3 mb-3">
<div class="bg-indigo-50 text-indigo-700 rounded-circle p-2 d-flex align-items-center justify-content-center" style="width: 32px; height: 32px; flex-shrink: 0;">
<i class="bi bi-lightning-fill"></i>
</div>
<div>
<span class="fw-normal d-block text-dark">Active AI Suggestions</span>
<span class="text-muted opacity-75">Personalized weak topic alerts</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card bg-dark text-white border-0 shadow-sm rounded-4 overflow-hidden h-100">
<div class="card-body p-4 position-relative">
<div style="z-index: 1; position: relative;">
<h3 class="h6 fw-normal mb-2">Want to ace your exams?</h3>
<p class="small text-white text-opacity-75 mb-4">
Join 150k+ students and get access to our full premium question bank.
</p>
<a href="/payments/upgrade/" class="btn btn-primary w-100 rounded-pill fw-normal">Go Premium</a>
</div>
<i class="bi bi-stars position-absolute text-white opacity-10" style="bottom: -15px; right: -15px; font-size: 6rem;"></i>
</div>
</div>
</div>
</div>
</div>
<!-- Additional SEO Content Section -->
<div class="row mt-5">
<div class="col-12">
<div class="bg-white p-4 p-md-5 rounded-4 shadow-sm">
<div class="row g-4">
<div class="col-md-6">
<h3 class="fw-normal text-dark mb-4">Master Your Bijgonit Preparation</h3>
<p class="text-muted lh-lg">
EduVillage provides the most comprehensive <strong>bijgonit practice platform</strong> in Bangladesh. Whether you are preparing for
<strong>HSC</strong>, <strong>SSC</strong>, or <strong>University Admission</strong> tests, our database of over 485
curated questions ensures you are always one step ahead.
</p>
<p class="text-muted lh-lg">
We don't just provide questions; we provide <strong>understanding</strong>. Every bijgonit MCQ comes with
detailed explanations and, where applicable, step-by-step solutions to help you clear your concepts.
</p>
</div>
<div class="col-md-6">
<h3 class="fw-normal text-dark mb-4">Why Choose EduVillage?</h3>
<ul class="list-unstyled">
<li class="d-flex gap-3 mb-3">
<i class="bi bi-patch-check-fill text-primary"></i>
<span><strong>Authentic Question Bank:</strong> Questions from previous years' board and admission tests.</span>
</li>
<li class="d-flex gap-3 mb-3">
<i class="bi bi-patch-check-fill text-primary"></i>
<span><strong>AI-Powered Results:</strong> Instant score analysis with band score predictions.</span>
</li>
<li class="d-flex gap-3 mb-3">
<i class="bi bi-patch-check-fill text-primary"></i>
<span><strong>Mobile Optimized:</strong> Practice anywhere, anytime on any device.</span>
</li>
<li class="d-flex gap-3">
<i class="bi bi-patch-check-fill text-primary"></i>
<span><strong>Free & Premium:</strong> Access high-quality educational resources at no cost.</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
.exam-card {
transition: transform 0.2s;
border: 1px solid rgba(0,0,0,0.03) !important;
}
.exam-card:hover {
transform: translateY(-3px);
box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important;
}
.exam-q-num {
background: #1e293b;
color: white;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
font-weight: 400;
font-size: 0.8rem;
flex-shrink: 0;
}
.radio-dot-preview {
width: 12px;
height: 12px;
border: 2px solid #94a3b8;
border-radius: 50%;
flex-shrink: 0;
}
.question-text {
font-size: 1.05rem;
font-weight: 400;
color: #1e293b;
line-height: 1.6;
}
/* Force override CKEditor inline styles */
.question-text p,
.question-text span,
.question-text div,
.question-text li {
font-size: 1rem !important;
font-weight: 400 !important;
color: #1e293b !important;
line-height: 1.6 !important;
margin-bottom: 0.5rem !important;
}
.question-text strong {
font-weight: 400 !important;
}
.btn-soft-primary {
background: rgba(14, 165, 233, 0.08);
color: #0ea5e9;
font-weight: 400;
border: 1px solid rgba(14, 165, 233, 0.1);
}
.btn-soft-primary:hover {
background: #0ea5e9;
color: white;
}
.pagination .page-link {
border: none;
color: #64748b;
margin: 0 3px;
font-size: 0.9rem;
}
.pagination .page-item.active .page-link {
background: #0ea5e9;
color: white;
box-shadow: 0 4px 10px rgba(14, 165, 233, 0.3);
}
</style>
</main>
<footer class="footer-organic mt-auto">
<div class="container">
<div class="row g-4">
<div class="col-lg-4">
<a class="footer-logo" href="/">
<i class="bi bi-mortarboard-fill me-2" style="color: #6ee7b7;"></i>Edu<span>Village</span>
</a>
<p class="small lh-base opacity-75 mb-3" style="font-size: 0.85rem;">
<strong>EduVillage</strong> is an AI-powered online learning platform for Bangladesh. We provide board-standard MCQ practice, mock tests, and clear performance feedback for SSC, HSC, IELTS, BCS, and admission preparation.
</p>
<div class="bd-badge mb-3">
<span class="me-2">🇧🇩</span> Made with ❤️ for Students
</div>
<div class="d-flex gap-2">
<a href="https://facebook.com/eduvillage.online" class="social-circle"
title="Follow us on Facebook" aria-label="Facebook"><i class="bi bi-facebook"></i></a>
<a href="https://youtube.com/@eduvillage" class="social-circle" title="Subscribe on YouTube"
aria-label="YouTube"><i class="bi bi-youtube"></i></a>
<a href="https://wa.me/+8801805050046?text=Hello" class="social-circle" title="WhatsApp Support"
aria-label="WhatsApp"><i class="bi bi-whatsapp"></i></a>
<a href="mailto:support@eduvillage.online" class="social-circle" title="Email Us"
aria-label="Email"><i class="bi bi-envelope-fill"></i></a>
</div>
</div>
<div class="col-6 col-lg-2 ms-lg-auto">
<h6 class="footer-heading">Quick Links</h6>
<ul class="list-unstyled">
<li><a href="/ai/generate/" class="footer-link">Start Practice</a></li>
<li><a href="/practice/" class="footer-link">Question Bank</a></li>
<li><a href="/ielts/" class="footer-link">IELTS Preparation</a></li>
<li><a href="/blog/" class="footer-link">Edu Blog</a></li>
</ul>
</div>
<div class="col-6 col-lg-2">
<h6 class="footer-heading">Legal</h6>
<ul class="list-unstyled">
<li><a href="/test-policy/" class="footer-link">Subscription Policy</a></li>
<li><a href="/privacy-policy/" class="footer-link">Privacy Policy</a></li>
<li><a href="/cookie-policy/" class="footer-link">Cookie Policy</a></li>
<li><a href="/terms-of-service/" class="footer-link">Terms & Conditions</a></li>
<li><a href="/about/" class="footer-link">About Us</a></li>
</ul>
</div>
<div class="col-lg-3">
<h6 class="footer-heading">Contact Us</h6>
<p class="opacity-75 mb-3" style="font-size: 0.85rem;">For student support, partnerships, or content collaboration, contact our team anytime.</p>
<div class="bg-white bg-opacity-10 p-3 rounded-4 border border-white border-opacity-10">
<div class="d-flex align-items-center mb-2">
<i class="bi bi-envelope-at-fill me-2 text-success" style="font-size: 1rem;"></i>
<a href="mailto:support@eduvillage.online" class="text-white text-decoration-none"
style="font-size: 0.85rem;">support@eduvillage.online</a>
</div>
<div class="d-flex align-items-center mb-2">
<i class="bi bi-whatsapp me-2 text-success" style="font-size: 1rem;"></i>
<a href="https://wa.me/+8801805050046?text=Hello" class="text-white text-decoration-none"
style="font-size: 0.85rem;" target="_blank">+8801805050046</a>
</div>
<div class="d-flex align-items-center">
<i class="bi bi-clock-history me-2 text-success" style="font-size: 1rem;"></i>
<span class="font-monospace opacity-75" style="font-size: 0.8rem;">Response within 24 Hours</span>
</div>
</div>
</div>
</div>
<div class="border-top border-white border-opacity-10 mt-4 pt-3 text-center">
<p class="small mb-0 opacity-50">© 2026 EduVillage LMS. All Rights Reserved by EduVillage Team.</p>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" defer></script>
<script>
// Global function to show premium toast messages from JavaScript
function showDjangoMessage(text, tags = 'info') {
const container = document.getElementById('django-messages-container');
if (!container) return;
const alertDiv = document.createElement('div');
const alertClass = tags === 'error' ? 'danger' : tags;
const borderColor = tags === 'error' ? '#ef4444' : (tags === 'success' ? '#10b981' : (tags === 'warning' ? '#f59e0b' : '#3b82f6'));
const icon = tags === 'success' ? 'patch-check-fill text-success' : (tags === 'error' ? 'exclamation-octagon-fill text-danger' : (tags === 'warning' ? 'exclamation-triangle-fill text-warning' : 'info-circle-fill text-info'));
alertDiv.className = `alert alert-dismissible fade show premium-message-alert message-popup`;
alertDiv.setAttribute('role', 'alert');
alertDiv.style.cssText = `pointer-events: auto; --indicator-color: ${borderColor};`;
alertDiv.innerHTML = `
<div class="d-flex align-items-center message-popup-inner">
<div class="me-3 fs-4">
<i class="bi bi-${icon}"></i>
</div>
<div class="flex-grow-1">
<h6 class="mb-0 text-white fw-normal small" style="letter-spacing: 0.3px;">${tags.toUpperCase()}</h6>
<p class="mb-0 text-white opacity-90 small">${text}</p>
</div>
<button type="button" class="btn-close btn-close-white p-2" data-bs-dismiss="alert" aria-label="Close" style="font-size: 0.6rem;"></button>
</div>
`;
container.appendChild(alertDiv);
// Auto-hide after 5 seconds
setTimeout(() => {
if (alertDiv && alertDiv.parentNode) {
alertDiv.classList.replace('message-popup', 'message-popout');
setTimeout(() => alertDiv.remove(), 400);
}
}, 5000);
}
// Center Toast behavior for page-load messages
document.addEventListener('DOMContentLoaded', function () {
// Check for AI Generation interruption
if (sessionStorage.getItem('generation_interrupted') === 'true') {
showDjangoMessage("⚠️ Generation Interrupted! You left the page while AI was working.", "warning");
sessionStorage.removeItem('generation_interrupted');
sessionStorage.removeItem('ai_retry_active');
}
setTimeout(function () {
var alerts = document.querySelectorAll('#django-messages-container .alert');
alerts.forEach(function (alert) {
alert.classList.replace('message-popup', 'message-popout');
setTimeout(() => alert.remove(), 400);
});
}, 5000);
});
</script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js" defer></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
AOS.init({
duration: 1000,
once: true,
offset: 100
});
});
</script>
<script>
/* ── Mobile Accordion Toggle ── */
function toggleMobileAccordion(e, submenuId) {
e.preventDefault();
const submenu = document.getElementById(submenuId);
const icon = document.getElementById(submenuId + 'Icon');
if (!submenu) return;
const isOpen = submenu.classList.contains('open');
// Close all other open submenus first
document.querySelectorAll('.mobile-submenu.open').forEach(function (el) {
if (el.id !== submenuId) {
el.classList.remove('open');
}
});
document.querySelectorAll('.mobile-accordion-icon.open').forEach(function (el) {
if (el.id !== submenuId + 'Icon') {
el.classList.remove('open');
}
});
// Toggle current
if (!isOpen) {
submenu.classList.add('open');
if (icon) icon.classList.add('open');
} else {
submenu.classList.remove('open');
if (icon) icon.classList.remove('open');
}
}
// Auto-open submenu if current page is inside it
document.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll('.mobile-submenu').forEach(function(submenu) {
var activeItem = submenu.querySelector('.mobile-submenu-item.active');
if (activeItem) {
submenu.classList.add('open');
var icon = document.getElementById(submenu.id + 'Icon');
if (icon) icon.classList.add('open');
}
});
});
</script>
<!-- MOBILE STICKY BOTTOM NAVIGATION BAR -->
<nav class="mobile-bottom-nav d-lg-none">
<a href="/" class="mobile-nav-item ">
<i class="bi bi-house-door"></i>
<span>Home</span>
</a>
<div class="dropup d-flex flex-column align-items-center">
<a href="#" class="mobile-nav-item " data-bs-toggle="dropdown" aria-expanded="false" data-bs-offset="0,10">
<i class="bi bi-journal-text"></i>
<span>MCQ</span>
</a>
<ul class="dropdown-menu shadow border-0 rounded-4 p-2 mb-2" style="min-width: 190px; left: 50%; transform: translateX(-50%); bottom: 100%;">
<li>
<a class="dropdown-item rounded py-2 d-flex align-items-center mb-1" href="/practice/">
<div class="bg-primary bg-opacity-10 text-primary rounded-circle d-flex align-items-center justify-content-center me-3" style="width: 32px; height: 32px;">
<i class="bi bi-file-earmark-text"></i>
</div>
<span class="fw-medium text-dark" style="font-size: 0.9rem;">MCQ Practice</span>
</a>
</li>
<li>
<a class="dropdown-item rounded py-2 d-flex align-items-center mb-1" href="/mcq/all/">
<div class="bg-success bg-opacity-10 text-success rounded-circle d-flex align-items-center justify-content-center me-3" style="width: 32px; height: 32px;">
<i class="bi bi-tags-fill"></i>
</div>
<span class="fw-medium text-dark" style="font-size: 0.9rem;">Topic Wise Practice</span>
</a>
</li>
<li>
<a class="dropdown-item rounded py-2 d-flex align-items-center mb-1" href="/ai/generate/">
<div class="bg-success bg-opacity-10 text-success rounded-circle d-flex align-items-center justify-content-center me-3" style="width: 32px; height: 32px;">
<i class="bi bi-robot"></i>
</div>
<span class="fw-medium text-dark" style="font-size: 0.9rem;">AI Generator <span class="badge bg-success rounded-pill ms-1" style="font-size: 0.55rem; padding: 2px 5px;">NEW</span></span>
</a>
</li>
<li>
<a class="dropdown-item rounded py-2 d-flex align-items-center" href="/group-exam/">
<div class="bg-danger bg-opacity-10 text-danger rounded-circle d-flex align-items-center justify-content-center me-3" style="width: 32px; height: 32px;">
<i class="bi bi-people-fill"></i>
</div>
<span class="fw-medium text-dark" style="font-size: 0.9rem;">Group Practice</span>
</a>
</li>
</ul>
</div>
<div class="dropup d-flex flex-column align-items-center">
<a href="#" class="mobile-nav-item " data-bs-toggle="dropdown" aria-expanded="false" data-bs-offset="0,10">
<i class="bi bi-book"></i>
<span>IELTS</span>
</a>
<ul class="dropdown-menu shadow border-0 rounded-4 p-2 mb-2" style="min-width: 200px; left: 50%; transform: translateX(-50%); bottom: 100%;">
<li>
<a class="dropdown-item rounded py-2 d-flex align-items-center mb-1" href="/ielts/">
<div class="bg-primary bg-opacity-10 text-primary rounded-circle d-flex align-items-center justify-content-center me-3" style="width: 32px; height: 32px;">
<i class="bi bi-journal-text"></i>
</div>
<span class="fw-medium text-dark" style="font-size: 0.9rem;">Full Mock Tests</span>
</a>
</li>
<li>
<a class="dropdown-item rounded py-2 d-flex align-items-center mb-1" href="/ielts/practice-by-type/">
<div class="bg-indigo bg-opacity-10 text-indigo rounded-circle d-flex align-items-center justify-content-center me-3" style="width: 32px; height: 32px;">
<i class="bi bi-card-checklist"></i>
</div>
<span class="fw-medium text-dark" style="font-size: 0.9rem;">Section Practice</span>
</a>
</li>
<li>
<a class="dropdown-item rounded py-2 d-flex align-items-center" href="/ielts/dashboard/">
<div class="bg-warning bg-opacity-10 text-warning rounded-circle d-flex align-items-center justify-content-center me-3" style="width: 32px; height: 32px;">
<i class="bi bi-speedometer2"></i>
</div>
<span class="fw-medium text-dark" style="font-size: 0.9rem;">Performance Lab</span>
</a>
</li>
</ul>
</div>
<div class="dropup d-flex flex-column align-items-center">
<a href="#" class="mobile-nav-item " data-bs-toggle="dropdown" aria-expanded="false" data-bs-offset="0,10">
<i class="bi bi-controller"></i>
<span>Kids</span>
</a>
<ul class="dropdown-menu shadow border-0 rounded-4 p-2 mb-2" style="min-width: 200px; left: 50%; transform: translateX(-50%); bottom: 100%;">
<li>
<a class="dropdown-item rounded py-2 d-flex align-items-center mb-1" href="/kids/">
<div class="bg-info bg-opacity-10 text-info rounded-circle d-flex align-items-center justify-content-center me-3" style="width: 32px; height: 32px;">
<i class="bi bi-house-heart"></i>
</div>
<span class="fw-medium text-dark" style="font-size: 0.9rem;">Kids Home</span>
</a>
</li>
<li>
<a class="dropdown-item rounded py-2 d-flex align-items-center mb-1" href="/kids/test/">
<div class="bg-warning bg-opacity-10 text-warning rounded-circle d-flex align-items-center justify-content-center me-3" style="width: 32px; height: 32px;">
<i class="bi bi-puzzle"></i>
</div>
<span class="fw-medium text-dark" style="font-size: 0.9rem;">Kids Quiz</span>
</a>
</li>
<li>
<a class="dropdown-item rounded py-2 d-flex align-items-center" href="/kids/memory-game/">
<div class="bg-success bg-opacity-10 text-success rounded-circle d-flex align-items-center justify-content-center me-3" style="width: 32px; height: 32px;">
<i class="bi bi-controller"></i>
</div>
<span class="fw-medium text-dark" style="font-size: 0.9rem;">Memory Game</span>
</a>
</li>
</ul>
</div>
<a href="/dashboard/" class="mobile-nav-item profile-mobile-icon ">
<i class="bi bi-person"></i>
<span>Profile</span>
</a>
</nav>
</body>
</html>