.marker-india {
    left: 70%;
    top: 45%;
}

.marker-uae {
    left: 62%;
    top: 42%;
}

.marker-qatar {
    left: 60%;
    top: 43%;
}

.marker-saudi {
    left: 57%;
    top: 46%;
}

.marker-australia {
    left: 83%;
    top: 76%;
}

.marker-canada {
    left: 16%;
    top: 22%;
}

@media (min-width: 768px) {
    .marker-india {
        left: 71%;
        top: 46%;
    }
    
    .marker-uae {
        left: 63%;
        top: 43%;
    }
    
    .marker-qatar {
        left: 61%;
        top: 44%;
    }
    
    .marker-saudi {
        left: 58%;
        top: 47%;
    }
    
    .marker-australia {
        left: 84%;
        top: 78%;
    }
    
    .marker-canada {
        left: 17%;
        top: 23%;
    }
}

.map-marker {
    @apply absolute w-5 h-5 border-3 border-white rounded-full shadow-lg cursor-pointer transition-transform hover:scale-110;
    transform: translate(-50%, -50%);
}

:root {
    --font-primary: 'Inter', system-ui, -apple-system, sans-serif;
}

body {
    font-family: var(--font-primary);
}

.glass-card {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}