/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 15 2023 | 00:22:57 */
/* mega menu */
@media screen and (min-width: 991px) {
.mega-menu:hover > ul{
  display: flex !important;
  flex-direction: inherit;
  justify-content: start;
  align-items: flex-start;
  box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 16%) !important;
  background: #fff !important;
  width: 100% !important;
min-width: fit-content;
padding: 17px 0;
}
.mega-menu .col-menu a,
.mega-menu .col-menu a:hover{
    padding: 13px 30px;
}
.mega-menu > ul .col-menu:not(:last-child){ 
  border-right: solid 1px #ededed;
}
.mega-menu > ul .col-menu{
  background: white;
}
.mega-menu .col-menu > ul{
  display: block !important;
  position: relative;
  margin: 0 !important;
  box-shadow: none !important;
  width: auto;
}

.mega-menu > ul .col-menu a{
  border: 0;
  white-space: nowrap;
}
.mega-menu > ul .col-menu > a{
  border-bottom:  solid 1px #ededed;
  font-size: 1rem !important;
text-transform:uppercase!important;
  width: 100%;
}
.mega-menu > ul .col-menu > a:hover,
.mega-menu > ul .col-menu > a.highlighted{
  background-color: transparent !important;
}
.mega-menu > ul .col-menu a:hover{
  border-left: 0 !important;
}
.mega-menu > ul .col-menu > a span{
  display:none;
}
}
@media screen and (max-width: 990px) {
.mega-menu .hide-menu-title > ul{
display: block;
}
}