*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}

.nav{
    padding: 10px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: yellow;
    position: relative;
    height: 70px;
    width: 100%;
}

.logo{
    color: rgb(86, 78, 165);
    
}
#menuList{
    display: flex;
    margin-right: 10px;
    gap: 30px;
    align-items: center;
}


.indexmanage{

position: relative;

}

.dDivd1{
    position: relative;
    z-index: 2; /* gray box will be above both green and black box */
    background: rgb(18, 185, 60);
    height: 60px;  
    width: 100%;
    left: 0px;
    top: 0px;

}
.dDivd2{

    position: absolute;
    z-index: 1; /* gray box will be above both green and black box */
    background: rgb(255, 255, 255);
    height: auto;  
    width: 100%;
    left: 0px;
    top: 70px;
    overflow: auto;
}





.list{
   list-style-type: none;
    
}

.a11:hover{
    color: aqua;
    padding: 5px;
    border-radius: 12px;
    transition: 0.5s;
}
.munu-icon{
    display: none;
    
}

.munu-icon{
    color: aqua;
    font-size: 30px;
}

.inptserch{
    padding-left: 15px;
    border: 4px;
    border:1px solid black;
    outline: rgb(154, 240, 128);
    border-color: black;
    border-radius: 8px 0px 0px 11px;
    width: 300px;
    height: 40px;
}
.serch{
    border: 1px solid black;
    border-color: black;
    border-radius:0px 8px 8px 0px;
    width: 100px;
    height: 40px;
}


@media(max-width:1300px){

    .inptserch{
        padding-left: 5px;
        border: 4px;
        border:1px solid black;
        outline: rgb(154, 240, 128);
        border-color: black;
        border-radius: 8px 0px 0px 11px;
        width: 200px;
        height: 37px;
    }
    
    .serch{
        border: 1px solid black;
        border-color: black;
        border-radius:0px 8px 8px 0px;
        width: 60px;
        height: 37px;
    }

    .nav{
        padding: 0px 0px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: linear-gradient(-45deg,red,green,blue,yellow);
        position: relative;
        height: 70px;
        }
        #menuList{
            display: flex;
            gap: 10px;
            align-items: center;
        }

}

@media(max-width:800px){

    .list{
        padding: 5px;
        list-style-type: none;
         
     }

    .inptserch{
        padding-left: 5px;
        border: 4px;
        border:1px solid black;
        outline: rgb(154, 240, 128);
        border-color: black;
        border-radius: 8px 0px 0px 11px;
        width: 200px;
        height: 37px;
    }
    
    .serch{
        border: 1px solid black;
        border-color: black;
        border-radius:0px 8px 8px 0px;
        width: 60px;
        height: 37px;
    }

    .nav{
        padding: 10px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: linear-gradient(-45deg,red,green,blue,yellow);
        position: relative;
        height: 70px;
        }
        #menuList{
            display: flex;
            position: absolute;
            top: 70px;
            left: 0;
            right: 0;
            flex-direction: column;
            gap: 4px;
            align-items: center;
            background: linear-gradient(-45deg,red,green,blue,yellow);
            overflow: hidden;

        }

        .munu-icon{
            display: block;
        }

}