.main-menu > ul > li > a .new-label {

    position: absolute;

    top: -15px;

    right: -16px;

    font-size: 11px;

    border-radius: 3px;

    background-color: var(--theme-color);

  }

  .main-menu > ul > li > a .has-new-lable {

    position: relative;

  }

  .main-menu ul {

    margin: 0;

    padding: 0;

  }

  .main-menu ul li {

    list-style-type: none;

    display: inline-block;

    position: relative;

  }

  .main-menu ul li.menu-item-has-children > a:after {

    content: "\f107";

    position: relative;

    font-family: var(--icon-font);

    margin-left: 5px;

    top: -0.8px;

    font-size: 0.8rem;

  }

  .main-menu ul li:last-child {

    margin-right: 0;

  }

  .main-menu ul li:first-child {

    margin-left: 0;

  }

  .main-menu ul li:hover > ul.sub-menu,

  .main-menu ul li:hover ul.mega-menu {

    visibility: visible;

    opacity: 1;

    margin-top: 0;

    z-index: 9;

  }

  .main-menu ul.sub-menu,

  .main-menu ul.mega-menu {

    position: absolute;

    text-align: left;

    top: 100%;

    left: 0;

    background-color: var(--white-color);

    visibility: hidden;

    min-width: 190px;

    width: max-content;

    padding: 7px;

    left: -14px;

    margin-top: 50px;

    opacity: 0;

    z-index: -1;

    border-bottom: 3px solid var(--theme-color);

    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.09), 0px 3px 0px 0px rgba(231, 13, 60, 0.004);

    transform-origin: top center;

    transition: margin-top 0.4s ease-in-out 0s, visibility 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s, z-index 0s;

  }

  .main-menu ul.sub-menu a,

  .main-menu ul.mega-menu a {

    font-size: 16px;

    line-height: 30px;

  }

  .main-menu ul.sub-menu {

    padding: 18px 20px;

    left: -27px;

  }

  .main-menu ul.sub-menu:before {

    content: "";

    position: absolute;

    left: 34.5px;

    top: 30px;

    width: 1px;

    background-color: #ededed;

    height: calc(100% - 60px);

  }

  .main-menu ul.sub-menu li {

    display: block;

    margin: 0 0;

    padding: 3px 9px;

  }

  .main-menu ul.sub-menu li.menu-item-has-children > a:after {

    content: "\f105";

    float: right;

    top: 3px;

  }

  .main-menu ul.sub-menu li a {

    position: relative;

    padding-left: 21px;

  }

 /* .main-menu ul.sub-menu li a:before {

    content: "\f111";

    position: absolute;

    top: 2.5em;

    left: 0;

    width: 11px;

    height: 11px;

    text-align: center;

    border-radius: 50%;

    display: inline-block;

    font-size: 0.2em;

    line-height: 11.5px;

    color: var(--theme-color);

    font-weight: 700;

    font-family: var(--icon-font);

    background-color: var(--white-color);

    box-shadow: inset 0px 2px 4px 0px rgba(255, 104, 26, 0.4);

  }*/

  .main-menu ul.sub-menu li ul.sub-menu {

    left: 100%;

    right: auto;

    top: 0;

    margin: 0 0;

    margin-left: 20px;

  }

  .main-menu ul.sub-menu li ul.sub-menu li ul {

    left: 100%;

    right: auto;

  }

  .main-menu .mega-menu-wrap {

    position: static;

  }

  .main-menu ul.mega-menu {

    display: flex;

    justify-content: space-between;

    text-align: left;

    width: 80%;

    max-width: var(--main-container);

    padding: 20px 15px 23px 15px;

    left: 10%;

    transform: translateX(-10%);

  

  }

  .main-menu ul.mega-menu li {

    display: block;

    width: 100%;

    padding: 0 15px;

  }

  .main-menu ul.mega-menu li li {

    padding: 4px 0;

  }

  .main-menu ul.mega-menu li a {

    display: inline-block;

  }

  .main-menu ul.mega-menu > li > a {

    display: block;

    padding: 0;

    padding-bottom: 15px;

    margin-bottom: 10px;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-weight: 700;

    color: var(--theme-color2);

  }

  .main-menu ul.mega-menu > li > a::after, .main-menu ul.mega-menu > li > a::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 15px;

    height: 1px;

    background-color: var(--theme-color2);

  }

  .main-menu ul.mega-menu > li > a::after {

    width: calc(100% - 20px);

    left: 20px;

  }

  .main-menu ul.mega-menu > li > a:hover {

    padding-left: 0;

  }