BUSINESS

/* CSS STYLING – Mobile First & Jannah Compatible */
.mig-quiz-container {
background: #fff;
border: 1px solid #eee;
border-radius: 8px;
padding: 20px;
margin: 0 0 30px 0; /* Spacing below the quiz */
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
font-family: ‘Open Sans’, sans-serif; /* Jannah default font */
text-align: center;
max-width: 100%;
}
.mig-quiz-header h3 {
margin: 10px 0 15px 0;
font-size: 18px;
font-weight: 700;
color: #333;
}
.mig-quiz-badge {
background: #007bff; /* Change this color to match your brand */
color: #fff;
padding: 3px 8px;
border-radius: 4px;
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
}
.mig-progress-bar {
height: 4px;
background: #f0f0f0;
border-radius: 2px;
margin-bottom: 20px;
overflow: hidden;
}
#mig-progress {
height: 100%;
background: #28a745; /* Green progress bar */
transition: width 0.3s ease;
}
.mig-step { display: none; animation: fadeIn 0.4s ease; }
.active-step { display: block; }
.mig-question { font-size: 16px; margin-bottom: 20px; color: #555; }
.mig-options { display: flex; flex-direction: column; gap: 10px; }
.mig-btn {
background: #f8f9fa;
border: 1px solid #ddd;
padding: 12px;
border-radius: 6px;
cursor: pointer;
font-size: 15px;
font-weight: 600;
color: #444;
transition: all 0.2s;
text-align: left;
padding-left: 20px;
}
.mig-btn:hover {
background: #e9ecef;
border-color: #ccc;
transform: translateX(3px);
}
.mig-btn:active { background: #dde2e6; transform: scale(0.98); }

/* Loading Animation */
.mig-spinner {
border: 4px solid #f3f3f3;
border-top: 4px solid #007bff;
border-radius: 50%;
width: 30px;
height: 30px;
animation: spin 1s linear infinite;
margin: 0 auto 15px auto;
}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }

/* Desktop adjustments */
@media (min-width: 768px) {
.mig-options { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.mig-quiz-container { padding: 30px; }
}

// ==========================================
// 🔧 EDIT YOUR LINKS HERE
// ==========================================
const destinationLinks = {
work: “https://migblog.com/category/work-abroad/”, // Link for “Work Abroad”
study: “https://migblog.com/category/study-abroad/”, // Link for “Study Abroad”
business: “https://migblog.com/category/do-business-abroad/”, // Link for “Business”
relocate: “https://migblog.com/category/relocate-abroad/” // Link for “Relocate”
};

// ==========================================
// ⚙️ LOGIC (DO NOT EDIT BELOW)
// ==========================================
let selectedPath = ‘relocate’; // Default fallback

// Only show on Category pages (Simple Check)
if (document.body.classList.contains(‘category’) || document.body.classList.contains(‘archive’)) {
document.getElementById(‘migblog-smart-quiz’).style.display = ‘block’;
}

function migSelectPath(path) {
selectedPath = path;
migNextStep(1);
}

function migNextStep(currentStepIndex) {
// Hide current
if(currentStepIndex === 1) {
document.getElementById(‘mig-q1’).style.display = ‘none’;
document.getElementById(‘mig-q2’).style.display = ‘block’;
document.getElementById(‘mig-progress’).style.width = ‘66%’;
} else if (currentStepIndex === 2) {
document.getElementById(‘mig-q2’).style.display = ‘none’;
document.getElementById(‘mig-q3’).style.display = ‘block’;
document.getElementById(‘mig-progress’).style.width = ‘100%’;
}
}

function migFinishQuiz() {
document.getElementById(‘mig-q3’).style.display = ‘none’;
document.getElementById(‘mig-loading’).style.display = ‘block’;

// Slight delay to make it feel like “Analysis” is happening
setTimeout(function() {
let finalUrl = destinationLinks[selectedPath];
window.location.href = finalUrl;
}, 1500);
}