.dropdown,
.dropdown ul,
.dropdown li{
  margin  : 0px;
  padding : 0px;
  font-size:14px;
  line-height:24px;
}
.dropdown{
    /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
}
    .dropdown ul {
        background: var(--menu);
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }

        .dropdown ul ul {
            top: 0;
            left: 100%;
        }

        .dropdown ul .dropdownRightToLeft ul {
            left: auto;
            right: 100%;
        }

    .dropdown li {
        background: var(--menu);
        position: relative;
        display: block;
        list-style-type: none;
    }

    .dropdown > li {
        display: inline-block;
    }

    .dropdown a,
    .dropdown span {
        display: block;
        text-decoration: none;
        white-space: pre;
        padding: 0px 15px 0px 15px;
        color: var(--menutext);
    }

    .dropdown li:hover > a,
    .dropdown li:hover > span,
    .dropdown li.dropdownOpen > a,
    .dropdown li.dropdownOpen > span {
        background: var(--menuhover);
        color: var(--menuhovertext);
    }

    .dropdown li > ul > li > a {
        background: var(--menuhover);
        color: var(--menuhovertext);
    }

    .dropdown li > ul > li:hover > a {
        background: var(--submenuhover);
        color: var(--menutext);
    }

    /* .dropdown li > ul > li {
        background: #BEC5DC;
        color: #3D4A70 !important;
    } */

    .dropdown li:hover > ul {
        display: block;
    }

.dropdownVertical {
    display: inline-block;
}

    .dropdownVertical > li {
        display: block;
    }

    .dropdownVertical ul {
        top: 0;
        left: 100%;
    }

.dropdownJavaScript li:hover > ul {
    display: none;
}

.dropdownJavaScript li.dropdownOpen > ul {
    display: block;
}

/* Menu dropdown:Begin */
@media screen and (max-width: 768px) {
    .menuiconitems{
        display: none;
    }
    .search-widget-block{
        display: none !important;
    }
    .menu-block {
        display: flow;
        width: 50%;
        background-color: var(--menu);
        position: absolute;
        z-index: 10000;
    }

  .dropdown > li {
    display: block;
  }

  .dropdown li > ul {
    display: block;
}
.dropdown li > ul > li > a,
  .dropdown li > ul > li > span {
    padding-left: 30px; /* Slightly more indentation for mobile */
  }

  .dropdown li > ul > li > ul > li > a,
  .dropdown li > ul > li > ul > li > span {
    padding-left: 40px; /* Further indentation for nested submenus */
  }

  .dropdown ul {
    position: static;
    box-shadow: none;
    min-width: auto;
    opacity: 1;
    visibility: visible;
  }

  .dropdown ul ul {
    left: 0;
    padding-left: 15px;
  }

  .dropdown ul .dropdownRightToLeft ul {
    right: auto;
  }

  .dropdown a,
  .dropdown span {
    /* padding: 10px 15px; */
    padding: 5px 15px 5px 15px;
  }

  /* Adjust ">" icon for mobile */
  .dropdown li:has(ul) > a::after,
  .dropdown li:has(ul) > span::after {
    float: right;
    margin-right: 10px;
  }
}
/* Menu dropdown:End */