.message-bar.slide-up {
              animation: slideUp 0.2s forwards;
            }

            /* #site-header {
  padding-top: 45px;
} */
            .hidden-msgbar~#site-header {
              top: 0;
              animation: flyout 0, 2s forwards;
            }

            @keyframes slideUp {
              to {
                transform: translateY(-100%);
              }
            }


            /* dropdown for country */

            /* Add this to your custom CSS file */



            #custom-dropdown {
              position: relative;
              padding-right: 30px;
              /* Space for the arrow */
              background-color: rgba(var(--snd-almond));
            }

            #custom-dropdown .arrow {
              content: "";
              border: solid #ECA55A;
              /* Black arrow */
              border-width: 0 2px 2px 0;
              /* Arrow shape */
              display: inline-block;
              padding: 3px;
              position: absolute;
              right: 10px;
              top: 50%;
              transform: translateY(-50%) rotate(45deg);
              /* Downward arrow */
              transition: transform 0.3s ease;
              /* Smooth rotation */
            }

            #custom-dropdown.open .arrow {
              transform: translateY(-50%) rotate(-135deg);
              /* Upward arrow */
            }

            @media (max-width: 767px) {
              .custom-dropdowns {
                padding-right: 25px !important;
              }
            }

            /* dropdown for country ends */


            nav a {
              display: block;
              text-decoration: none;
            }

            nav a:hover,
            nav a:visited {
              text-decoration: none;
            }

            .menu-bar {
              display: flex;
            }

            .menu-link {
              padding: 15px 25px;
              color: rgb(var(--pm-white));
              /* transition: background 0.2s, color 0.2s; */
              position: relative;
              z-index: 1;
              font-size: 18px;
            }

            .mega-menu--multiLevel>li a {
              padding: 10px 22px;
              color: rgb(var(--pm-black));
              font-size: 16px;
            }

            .mega-menu--multiLevel>li a:hover {
              background-color: rgb(var(--snd-banana));
            }

            .mega-menu--multiLevel>ul li {
              background-color: rgb(var(--snd-almond));
            }

            /* ul.menu.menu-list {
              background-color: rgb(var(--pm-white));
            } */

            .has-submenu>.menu-link {
              padding-right: 40px;
            }
            

            .has-submenu>.menu-link:after {
              content: "";
              background-size: 14px;
              border: solid rgb(var(--pm-yellow));
              border-width: 0 2px 2px 0;
              display: inline-block;
              padding: 3px;
              font-size: 12px;
              position: absolute;
              right: 20px;
              top: 50%;
              transform: translateY(-50%);
              transform: rotate(45deg);
              -webkit-transform: rotate(45deg);
              transform: translate(0, -50%) rotate(45deg);
            }

            .mega-menu-header {
              font-size: 1.2em;
              text-transform: uppercase;
              font-weight: bold;
              color: #136a73;
            }

            .mega-menu {
              /* background: #ffffff; */
              z-index: 10;
            }

            .mega-menu--multiLevel {
              flex-direction: column;
            }

            @media all and (min-width: 1024px) {
              .nav {
                /* margin-top: 50px; */
                /* background: #ffffff; */
              }

              .nav>nav {
                /* max-width: 900px; */
                margin: 0 auto;
              }

              .menu-header-menu>li {
                position: relative;
              }

              .menu .has-submenu>ul {
                display: none;
              }
              .menu .has-submenu:hover > a{
                background: rgb(var(--snd-banana));
                color: rgb(var(--pm-black));
              }
              .menu .has-submenu:hover>ul {
                display: block;
                transform-origin: top;
                animation: dropdown 0.4s ease-out;
                transition-duration: 0.4s;
              }
              .menu > .has-submenu:hover>ul > li:nth-last-child(2),.menu > .has-submenu:hover>ul > li:nth-last-child(2):hover a {
                border-radius: 0 0 10px 10px;
                transition-duration: 0.3s;
              }
              .menu-list.menu-level > li:first-child, .menu-list.menu-level > li:first-child a{
                border-radius: 0 10px 0 0 ;
                transition-duration: 0.3s;

              }
              .menu-list.menu-level > li:last-child, .menu-list.menu-level > li:last-child:hover {
                border-radius: 0 0 10px 10px ;
                transition-duration: 0.3s;
              }
              .menu-list.menu-level > li:last-child:hover a {
                border-radius: 0 0 10px 10px ;
                transition-duration: 0.3s;
              }
              .menu-list.menu-level > li:first-child:last-child,.menu-list.menu-level > li:first-child:last-child:hover,.menu-list.menu-level > li:first-child:last-child:hover a {
                border-radius: 0 10px 10px 10px !important;
              }
              .menu .has-submenu:hover>ul.mega-menu--multiLevel .has-submenu a{
                position: relative;
              }
              .menu .has-submenu:hover>ul.mega-menu--multiLevel .has-submenu:hover>ul {
                display: block;
                left: 250px;
                width: 250px;
                position: absolute;
                top: 0;
                height: 100%;
                transform-origin: top;
                animation: dropdown 0.4s ease-out;
              }
              .menu .has-submenu:hover>ul.mega-menu--multiLevel .has-submenu a{
                position: relative;
                
              }

              .menu-bar>li {
                position: relative;
              }

              .menu-bar {
                position: relative;
              }

              .mega-menu--multiLevel>li.has-submenu a:after {
                transform: translate(0, -50%) rotate(320deg);
              }

              .menu-bar li.has-submenu>.active-parent~ul {
                display: flex;
                transform-origin: top;
                animation: dropdown 0.4s ease-out;
              }

              /* .menu-bar > li > .active-parent > ul:hover {
    display: flex;
  } */
              .menu-bar>li.has-submenu>.active-parent~ul {
                display: flex;
                background-color: rgb(var(--snd-almond));
              }

              /* .menu-bar > li > [aria-haspopup="true"]:focus,
  .menu-bar > li:focus-within > [aria-haspopup="true"],
  .menu-bar > li:hover > a {
    background: transparent;
    color: #ffffff;
  } */

              .menu-bar>li.has-submenu .active-parent {
                position: relative;
              }

              .mega-menu--multiLevel .has-submenu {
                position: relative;
              }

              .mega-menu {
                position: absolute;
                top: 100%;
                left: 0;
                width: 250px;
                height: auto;
              }

              .mega-menu:hover {
                display: flex;
              }

              .mega-menu a:hover {
                background: rgb(var(--snd-banana));
              }

              .mega-menu--multiLevel>li {
                width: 100%;
                background-color: rgb(var(--snd-almond));
              }

              .mega-menu--multiLevel>li:hover {
                /* position: relative; */
                background-color: rgb(var(--snd-banana));
              }

              .mega-menu--multiLevel>li>.active-parent~ul {
                left: 250px;
                width: 250px;
              }

              .mega-menu--multiLevel li {
                background-color: rgb(var(--snd-almond));
              }

              .mega-menu--multiLevel>li>.active-parent~ul ul {
                width: 100%;
                left: 100%;
              }

              /* .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul {
    display: block;
    transform-origin: left;
    animation: flyout 0.2s ease-out;
  } */
              .mega-menu--multiLevel li.has-submenu>.active-parent~ul {
                display: block;
              }

              /* .mega-menu--multiLevel li:hover > [aria-haspopup="true"],
  .mega-menu--multiLevel li:focus-within > [aria-haspopup="true"],
  .mega-menu--multiLevel li:hover > a,
  .mega-menu--multiLevel li:focus-within > a {
    color: #333333;
  }
  .mega-menu--multiLevel [aria-haspopup="true"] ~ ul,
  .mega-menu--multiLevel [aria-haspopup="true"] {
    color: #333333;
  } */
              /* .mega-menu--multiLevel [aria-haspopup="true"] ~ ul:hover,
  .mega-menu--multiLevel [aria-haspopup="true"]:hover {
    display: block;
  } */
              .mega-menu--multiLevel .active-parent~ul {
                position: absolute;
                top: 0;
                height: 100%;
              }

              .mega-menu--flat>* {
                flex: 1;
              }

              .mobile-menu-trigger,
              .mobile-menu-header,
              .mobile-menu-back-item {
                display: none;
              }

              .hide-hamburger {
                display: none;
              }
            }

            @media (min-width: 1024px) and (max-width:1336px) {
              .menu-link {
                padding: 15px;
                font-size: 16px;
              }

              .menu-bar>li:nth-last-child(2) .mega-menu {
                left: auto;
                right: 0;
              }
            }

            @media all and (max-width: 1023px) {
              .hide-mobile {
                display: none;
              }

              .back-to-old.hide-mobile {
                display: none !important;
              }

              .closed {
                display: none;
              }

              .has-submenu>.menu-link:after {
                transform: translateY(-50%);
                transform: rotate(315deg);
                -webkit-transform: rotate(315deg);
                transform: translate(0, -50%) rotate(315deg);
              }

              .menu-bar>.has-submenu>ul>li .menu-link:after {
                transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                transform: translate(0, -50%) rotate(45deg);
              }

              .menu-bar>.has-submenu>ul>li a.active-parent.menu-link:after {
                transform: rotate(225deg);
                -webkit-transform: rotate(225deg);
                transform: translate(0, -50%) rotate(225deg);
              }

              .nav-bar .nav {
                padding: 20px;
                display: none;
              }

              .menu-link {
                padding: 15px 25px;
              }

              .mobile-menu-trigger,
              .mobile-menu-header,
              .mobile-menu-back-item {
                display: flex;
              }

              .mobile-menu-trigger {
                color: rgb(var(--pm-black));
                border: 0;
                padding: 10px 10px 10px 0;
                font-size: 1.2em;
                border-radius: 4px;
              }

              .mobile-menu-header {
                order: -1;
                background: rgb(var(--pm-yellow));
                ;
              }

              .mobile-menu-header a {
                padding: 15px 25px;
                color: rgb(var(--pm-black));
                font-size: 24px;
                visibility: visible;
                display: block;
              }

              .menu-bar {
                flex-direction: column;
                position: fixed;
                top: 0;
                left: -100%;
                height: 0;
                width: 0;
                max-width: 100%;
                overflow-x: hidden;
                overflow-y: scroll;
                transition: left 0.6s;
                box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.25);
                background-color: rgb(var(--pm-white));
                bottom: 0;
                z-index: 9;
                padding-bottom: 20vh;
              }

              .menu-bar>li {
                border-bottom: 1px solid rgb(var(--snd-almond));
              }

              .menu-link {
                color: rgb(var(--pm-black));
                display: block;
              }

              .menu-bar>.has-submenu>ul {
                height: 0;
                overflow: hidden;
              }

              .menu-bar>li>a.active-parent~ul {
                display: flex;
                flex-direction: column;
                background: rgb(var(--pm-white));
                position: absolute;
                left: 100%;
                height: 100vh;
                top: 0;
                max-height: 100vh;
                overflow: visible;
                width: 100%;
                transition: left 0.4s;
                animation: slideIn .4s forwards;
              }

              .menu-bar>li>.active-parent~ul>li>.active-parent {
                /* font-size: 1.2em; */
                background-color: rgb(var(--snd-almond));
              }

              .menu-bar>li>.active-parent~ul>li>.active-parent~ul a {
                padding-left: 40px;
              }

              .menu-bar>li>.active-parent~ul>li>.active-parent~ul>li>.active-parent~ul a {
                padding-left: 80px;
              }

              .menu-bar>li>.active-parent~ul .active-parent {
                color: #2a2a2a;
              }

              .menu-bar>li>.active-parent~ul .active-parent:after {
                /* content: "+"; */
                background: none;
                font-size: 1em;
                font-weight: normal;
                /* height: 20px; */
                line-height: 1;
                /* border: none; */
              }

              .menu-bar>li>.active-parent~ul a~ul {
                max-height: 0px;
                transform-origin: top;
                transform: scaleY(0);
                transition: max-height 0.1s;
              }

              .mega-menu-content {
                padding: 20px 25px;
              }

              .mobile-menu-back-item {
                order: -1;
              }

              .mobile-menu-back-item a {
                background: rgb(var(--pm-yellow));
                color: rgb(var(--pm-black));
                max-height: calc(1.4em + 40px);
                margin-top: calc(0px - (1.4em + 40px));
                pointer-events: none;
                text-align: center;
                font-size: 20px;
                font-weight: 700;
                padding: 20px 50px !important;
              }

              .mobile-menu-back-item a:before {
                font-family: 'Subset Iconfont Solid';
                content: "\f060";
                margin-right: 10px;
                display: inline-block;
                position: absolute;
                left: 20px;
                top: 50%;
                transform: translateY(-50%);
              }

              .mobile-menu-trigger:focus~ul {
                left: 0;
                width: 100%;
                height: 100%;
              }

              .menu-bar:hover,
              .menu-bar:focus-within {
                left: 0;
                width: 100%;
                height: 100%;
              }

              .menu-bar>li>a.active-parent~ul {
                left: 0;
              }

              .menu-bar>li>.active-parent~ul {
                margin-top: calc(1.4em + 40px);
              }

              /* .menu-bar > li > .active-parent ~ ul:hover,
  .menu-bar > li > .active-parent ~ ul:focus-within {
    left: 0;
  } */
              .menu-bar>li>.active-parent~ul .active-parent~ul {
                max-height: 500px;
                animation: dropdown 0.4s forwards;
              }

              .menu-bar>li>.active-parent~ul li.has-submenu>.active-parent~ul {
                max-height: 500px;
                transform: scaleY(1);
              }

              .menu-bar>li>.active-parent~.mobile-menu-header a {
                visibility: hidden;
              }
            }

            @media all and (max-width: 1023px) and (hover: none) {
              .mobile-menu-trigger:hover~ul {
                left: 0;
                width: 100%;
                height: 100%;
              }

              /* .menu-bar > li > .active-parent:hover ~ ul {
    left: 0;
  } */
              .menu-bar>li>.active-parent~ul:hover {
                left: 0;
              }

              .menu-bar>li>.active-parent~ul .active-parent:hover~ul {
                max-height: 500px;
                animation: dropdown 0.4s forwards;
              }

              .menu-bar>li>.active-parent~ul .active-parent~ul:hover {
                max-height: 500px;
                transform: scaleY(1);
              }

              .menu-bar>li:hover~.mobile-menu-header a {
                /* visibility: hidden; */
              }
            }

            @keyframes dropdown {
              0% {
                opacity: 0;
                transform: scaleY(0);
              }

              50% {
                opacity: 1;
              }

              100% {
                transform: scaleY(1);
              }
            }

            @keyframes flyout {
              0% {
                opacity: 0;
                transform: scaleX(0);
              }

              100% {
                opacity: 1;
                transform: scaleX(1);
              }
            }

            /* header#site-header {
    position: fixed;
    transition: top 0.2s ease-in-out;
    width: 100%;
}

.nav-up {
    top: -160px;
}  */



            .dropdown-wrapper {
              position: relative;
              width: 150px;
              padding: 10px;
              background: transparent;
              border-radius: 5px;
              cursor: pointer;
              outline: none;
              transition: all 0.100ms ease-out;
              z-index: 9;
            }

            .dropdown-wrapper:after {
              content: "";
              background-size: 14px;
              border: solid rgb(var(--pm-black));
              border-width: 0 2px 2px 0;
              display: inline-block;
              padding: 3px;
              font-size: 12px;
              position: absolute;
              right: 20px;
              top: 50%;
              transform: translateY(-50%);
              transform: rotate(45deg);
              -webkit-transform: rotate(45deg);
              transform: translate(0, -50%) rotate(45deg);
            }

            .dropdown-wrapper.is-active {
              border-radius: 5px 5px 0 0;
              background: rgb(var(--pm-white));
              box-shadow: none;
              border-bottom: none;
              color: rgb(var(--pm-black));
            }

            .dropdown-wrapper.is-active:after {
              transform: rotate(225deg);
            }

            .dropdown-wrapper.is-active .dropdown-list {
              border-bottom: 1px solid rgba(0, 0, 0, 0.2);
              max-height: 400px;
            }

            .dropdown-list {
              /* Size & position */
              position: absolute;
              top: 100%;
              left: 0;
              right: 0;
              /* Styles */
              background: rgb(var(--pm-white));
              border-radius: 0 0 5px 5px;
              border-top: none;
              border-bottom: none;
              list-style: none;
              transition: all 0.100ms ease-out;
              /* Hiding */
              max-height: 0;
              overflow: hidden;
              text-align: center;
            }

            .dropdown-list li {
              padding: 0 10px;
            }

            .dropdown-list li:hover {
              background-color: rgb(var(--snd-almond));
            }

            .dropdown-list li:last-of-type a {
              border: none;
            }

            .dropdown-list a {
              display: block;
              text-decoration: none;
              color: rgb(var(--pm-black));
              padding: 7px 0;
              transition: all 0.100ms ease-out;
              font-size: 16px;
              /* border-bottom: 1px solid #e6e8ea; */
            }
            @keyframes slideIn {
              from {
                left: 100%;
              }
              to {
                left: 0;
              }
            }