.azaz {
    position: relative;
    text-decoration: none; /* Remove default underline */
}

.azaz:hover::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -22px; /* Adjust the position of the underline as needed */
    width: 100%;
    height: 3px; /* Height of the underline */
    background-color: rgb(196, 177, 0);
    border-radius: 8px;
    /* Color of the underline */
}
.azaz:hover{
    color: rgb(227, 205, 0);
}

.dada{
    background-color: rgba(211, 206, 12, 0.86);
}
.shad{
    box-shadow: 0 -4px 8px rgb(175, 175, 0);
}
.melange{
    background:url("img/aaa.png");
    height: 500px;
    width: 1366px;

}