.navbar-toggler-icon {
    display: none; /* Hide the default hamburger icon */
}

.custom-toggler-icon {
    display: inline-block;
    width: 30px;
    height: 20px;
    position: relative;
}

    .custom-toggler-icon::before,
    .custom-toggler-icon::after,
    .custom-toggler-icon div {
        content: '';
        position: absolute;
        width: 100%;
        height: 4px;
        background: linear-gradient(45deg, #FFD700, #FFC700); /* Glassy golden effect */
        border-radius: 5px;
        box-shadow: 0 4px 6px rgba(255, 215, 0, 0.5); /* Add a soft glow */
        transition: all 0.3s ease;
    }

    .custom-toggler-icon div {
        top: 8px; /* Middle line position */
    }

    .custom-toggler-icon::before {
        top: 0; /* Top line position */
    }

    .custom-toggler-icon::after {
        bottom: 0; /* Bottom line position */
    }

    .custom-toggler-icon:hover::before,
    .custom-toggler-icon:hover::after,
    .custom-toggler-icon:hover div {
        background: linear-gradient(45deg, #FFEC8B, #FFC700); /* Brighter on hover */
    }

.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}