.header-container {
    position: relative;
    overflow: hidden;
}

.header-overlay {
    position: absolute;
    top: 150px;
    left: 0;
    width: 100%;
    z-index: 10;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
    animation: floatText 6s ease-in-out infinite;
}

@keyframes floatText {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-8px); }
}

.bismillah {
    font-size: 24px;
    font-family: 'Amiri', serif;
    color: #fff;
}

@media (max-width: 768px) {
    .header-overlay { top: 180px; }
    .bismillah { font-size: 18px; }
    .display-4 { font-size: 1.6rem; }
    .lead { font-size: 1rem; }
}