/* Header container positioning */
    .header-bg {
        position: relative !important;
    }

    /* Custom Language Buttons Styling */
    .lang-btn {
        position: relative;
        overflow: hidden;
        letter-spacing: 0.5px;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

        .lang-btn:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0;
            height: 0;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.2);
            transform: translate(-50%, -50%);
            transition: width 0.4s, height 0.4s;
        }

        .lang-btn:hover:before {
            width: 100px;
            height: 100px;
        }

        .lang-btn.active {
            background-color: #003b7a !important;
            color: white !important;
            border-color: #003b7a !important;
            box-shadow: 0 4px 6px rgba(0, 59, 122, 0.3);
            transform: translateY(-1px);
        }

        .lang-btn:not(.active):hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        }

        .lang-btn:active {
            transform: translateY(0);
        }

    /* Responsive adjustments */
    @media (max-width: 1023px) {
        .lang-btn {
            height: 28px !important;
            width: 42px !important;
            font-size: 12px !important;
            border-width: 1.5px !important;
        }

        /* Hide desktop language buttons on mobile */
        #lang-buttons-wrapper {
            display: none !important;
        }
    }