.floating-header {
        transition: all 0.4s ease-in-out;
        background-color: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(10px);
    }

    /* স্ক্রোল করার পর যখন এই ক্লাসটি যোগ হবে */
    .header-fixed {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0 !important;
        height: 70px !important; /* স্ক্রোল করলে একটু চিকন হবে */
        background-color: white !important;
        z-index: 1000;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
        animation: slideDown 0.5s ease;
    }

    @keyframes slideDown {
        from { transform: translateY(-100%); }
        to { transform: translateY(0); }
    }