.menu ul{list-style: none;}

/*drop down menu css start*/
.menu ul li ul { padding: 10px;
    margin: 0;
    background-color: var(--secondary--color);
    border: 0;
    z-index: 2;
    width: 250px;
    margin-top: 0px;
    box-shadow: 0px 0px 100px rgb(0 0 0 / 15%);
    border-radius: 10px; position:absolute;  display:none; }
.menu ul li:hover ul { display:block; z-index: 15;}
.menu ul ul li { width:100%; float:left;}
.menu ul li ul li a { padding: 7px 12px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    color: var(--black--color) !important;
    border-radius: 6px !important;
    border-bottom: 1px solid var(--secondary--color) !important;
  font-family: "Urbanist", sans-serif !important;}
.menu ul li ul li a:hover{background-color: var(--accent--color);
    color: var(--black--color) !important;}
/*drop down menu css end*/
/*headr css end*/