.logged-in.admin-bar header#masthead {
    top: 32px;
}
header#masthead.header-fixed {
    background: #fff;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.08);
}
.site-branding {
    transition: all 0.3s ease-in-out;
}
header#masthead {
  background: #fff;
}
.home header#masthead {
    background: transparent;
}
.home header#masthead.header-fixed {
    background: #fff;
}
/* new css */
#primary-menu li {
    position: relative;
}
#primary-menu li.megamenu {
    position: static;
}
ul.dropdown-menu {
    position: absolute;
    top: 100%;
    width: 200px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    padding: 0px 0px;
    align-items: baseline;
}
#primary-menu ul.dropdown-menu li {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#primary-menu ul.dropdown-menu li.megamenu-col {
    padding-top: 15px;
    padding-bottom: 15px;
}
#primary-menu li.megamenu ul.dropdown-menu {
    width: 100%;
}

#primary-menu ul.dropdown-menu li:not(.megamenu-col):hover {
    background-color: #ddd;
    width: 100%;
}
#primary-menu ul.dropdown-menu li:not(.megamenu-col):hover a {
    color: #18315e;
}
#primary-menu ul.dropdown-menu ul.sub-menu li:not(.megamenu-col):hover {
    background-color: transparent;
}
#primary-menu li > a img {
    display: inline;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
#primary-menu li.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
}
#top-right-menu {
    margin: 0px;
    list-style: none;
}
.megamenu-col {
    width: 25%;
    margin-right: 0px !important;
}
.megamenu-col > .bg-img {
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
    top: -30px;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    transition: all 0.3s ease-in-out;
}
.megamenu-col:hover .bg-img {
    opacity: 0.1;
}
.megamenu-col > ul.dropdown-menu.sub-menu {
    width: 100% !important;
    background-color: transparent !important;
}
.megamenu > ul.dropdown-menu.depth_0 {
    padding-left: 5rem;
    padding-right: 5rem;
    display: flex;
}
#primary-menu .megamenu-col > ul.dropdown-menu.sub-menu {
    position: inherit !important;
    box-shadow: none;
    min-width: 2%;
}
#primary-menu li.megamenu-col ul.sub-menu li,
#primary-menu li.megamenu-col ul.sub-menu li a {
    padding: 0;
}
#primary-menu li.megamenu-col ul.sub-menu li a {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    /* color: #9d9fa1; */
    color: #7d7d7d;
}
#primary-menu .megamenu-col a:after {
    display: none;
}
p.site-title {
    display: none;
}
img.custom-logo {
  width: 100%;
  max-width: 120px;
  padding: 10px 0px;
}
#primary-menu > li {
    padding: 30px 0px;
}
ul.dropdown-menu.depth_0 {
    background-color: #eaf4f8;
    display: block;
}
#primary-menu li.menu-item a {
  color: #121F3E;
  transition: all .3s ease-in-out;
}
#primary-menu li a:hover,
/* #primary-menu li:hover > a, */
#primary-menu li.current-menu-item a {
    color: #F08B66;
}
#primary-menu li.megamenu-col > a {
    pointer-events: none;
    color: #121F3E;
}

/* new css end */
#primary-menu li.menu-item-has-children > a:first-child {
    position: relative;
    padding-right: 20px;
    transition: all 0.3s ease-in-out;
}
#primary-menu li.menu-item-has-children > a:after {
  background-image: url(/wp-content/uploads/2025/04/arrow-right-blue.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 12px;
  position: absolute;
  right: 0;
  top: 25%;
  transform: rotate(90deg) translateY(-25%);
  width: 12px;
  --tw-content: "";
  content: var(--tw-content);
  transition: all .3s ease-in-out;
}
#primary-menu li.menu-item-has-children:hover > a:after {
    transform: rotate(270deg) translateY(50%);
}
#primary-menu li.menu-item-has-children > .sub-menu li.menu-item-has-children a:after {
  right: 10px;
  top: 30%;
}
#primary-menu li.menu-item-has-children > .sub-menu li.menu-item-has-children:hover a:after {
  transform: rotate(270deg) translateY(-30%);
}
#primary-menu > li:hover:not(.megamenu)::after,
#primary-menu > li.current-menu-item:not(.megamenu)::after {
    width: 100%;
}
#primary-menu > li::after {
    position: absolute;
    content: "";
    background-color: #F08B66;
    width: 0;
    height: 2px;
    left: 0;
    bottom: 4px;
    transition: width 0.3s ease-in-out;
}
  
@media only screen and (min-width: 1800px) {
    .megamenu > ul.dropdown-menu.depth_0 {
      padding-left: 25rem;
      padding-right: 25rem;
      display: flex;
    }
}
@media only screen and (min-width: 1500px) and (max-width: 1799px) {
    .megamenu > ul.dropdown-menu.depth_0 {
      padding-left: 10rem;
      padding-right: 10rem;
      display: flex;
    }
}
@media only screen and (min-width: 1150px) and (max-width: 1280px) {
    #masthead .site-branding {
      max-width: 200px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #masthead .site-branding {
      max-width: 12rem;
    }
    #primary-menu li.menu-item:not(:last-child) {
      margin-right: 20px;
    }
}
@media only screen and (min-width: 1280px) {
    /* #primary-menu li.menu-item-has-children > a:first-child:after {
      height: 1rem !important;
    } */
}
@media only screen and (min-width: 1024px) {
    #primary-menu li.menu-item:not(:last-child) {
      margin-right: 2rem;
    }
    #primary-menu li ul.sub-menu {
      position: absolute;
      z-index: 999;
      margin: 0px;
      display: block;
      width: -moz-max-content;
      width: max-content;
      min-width: 20rem;
      list-style-type: none;
      --tw-bg-opacity: 1;
      background-color: #f9f9f9;
      padding: 10px;
      opacity: 0;
      visibility: hidden;
      box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.08);
      transition: all 0.3s ease-in-out;
    }
    #primary-menu li:hover > .sub-menu {
      opacity: 1;
      visibility: visible;
    }
    #primary-menu li ul.sub-menu li {
      margin-right: 0px !important;
    }
    #primary-menu li ul.sub-menu li:not(:last-child) {
      margin-bottom: 3px
    }
    #primary-menu li ul.sub-menu li a {
      width: 100%;
      display: block;
      padding: 10px 15px;
      color: #121F3E;
      background-color: #fff;
      text-decoration: none;
      transition: all 0.3s ease-in-out;
      border-bottom: 1px solid #eee;
    }
    #primary-menu li ul.sub-menu li a:hover {
      background-color: transparent !important;
      color: #F08B66 !important;
    }
    /* SUB SUB-MENU (Nested) */
    #primary-menu li .sub-menu li.menu-item-has-children:hover > .sub-menu {
      display: block;
      left: 100%;
      top: 0;
    }
    #primary-menu li .sub-menu li .sub-menu {
      display: none;
      position: absolute;
      left: 100%;
      top: 0;
      min-width: 200px;
      background: #fff;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }
}
 @media only screen and (max-width: 1023px) {
    #primary-menu > li:hover:not(.megamenu)::after,
    #primary-menu > li.current-menu-item:not(.megamenu)::after {
      display: none;
    }
    /* #primary-menu li.menu-item.current-menu-item a {
      color: #46b1f7;
    } */
    .mobile-menu-wrapper {
      top: 71px;
      height: calc(100% - 71px);
    }
    .admin-bar .mobile-menu-wrapper {
      top: 103px;
      height: calc(100% - 103px);
    }
    header#masthead.mobile-nav-activated {
      background-color: #fff;
    }
    .mobile-menu-button-wrapper .btn-blue-in a {
      height: 40px;
    }
    .mobile-menu-wrapper ul#primary-menu li {
      margin: 0px;
    }
    .mobile-menu-wrapper ul#primary-menu li:nth-child(odd) {
      background: #f7f3f373;
    }
    .mobile-menu-wrapper ul#primary-menu > li a {
      display: block;
    }
    #primary-menu li > a,
    #primary-menu li ul.sub-menu li a {
      padding: 15px 10px !important;
    }
    .mobile-menu-wrapper ul#primary-menu > li > a:hover {
      color: #F08B66;
    }
    #primary-menu li ul.sub-menu {
      display: none;
      margin-left: 10px;
    }
    #primary-menu li.menu-item-has-children > a:first-child::after {
      display: none;
    }
    .mobile-menu-wrapper ul#primary-menu li.menu-item-has-children span {
      position: absolute;
      right: 5px;
      top: 10px;
      height: 30px;
      line-height: 30px;
      width: 30px;
      border: 1px solid #8f9797;
      text-align: center;
      cursor: pointer;
      border-radius: 50%;
      color: #2da9e4;
      transition: all 0.3s ease-in-out;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    #primary-menu > li {
      padding: 0px 0px;
    }
    #primary-menu li.megamenu {
      position: relative;
    }
    .megamenu-col {
      width: 100%;
      margin-right: 0px !important;
    }
    #primary-menu li > span > img {
      transition: all ease-in-out 0.6s;
    }
    #primary-menu li.hover-active > span > img {
      transform: rotate(180deg);
    }
    button#menu-trigger.active span:first-child {
      transform: rotate(45deg);
      top: 8px;
    }
    button#menu-trigger.active span:nth-child(2) {
      opacity: 0;
    }
    button#menu-trigger.active span:last-child {
      transform: rotate(-45deg);
      top: 8px;
    }
}
@media only screen and (max-width: 782px) {
    .logged-in.admin-bar header#masthead {
      top: 46px;
    }
    .admin-bar .mobile-menu-wrapper {
      top: 117px;
      height: calc(100% - 117px);
    }
}
@media only screen and (min-width: 768px) {
  /* Base Menu Style */
  #right-navigation ul.menu > li {
    position: relative;
    display: inline-block;
  }
  /* Dropdown Style */
  #right-navigation ul.menu li ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #f9f9f9;
    min-width: max-content;
    padding: 0px;
    margin: 0;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    z-index: 1000;
  }
  #right-navigation ul.menu li ul.sub-menu li {
    display: block;
  }
  #right-navigation ul.menu li ul.sub-menu li a {
    display: block;
    padding: 8px 15px 7px;
    color: #2c3dd0;
    background-color: #fff;
    text-decoration: none;
    transition: background 0.3s ease-in-out;
    border-bottom: 1px solid #eee;
  }
  #right-navigation ul.menu li ul.sub-menu li a:hover {
    color: #fff !important;
    background-color: #2c3dd0;
  }
  /* Show dropdown on hover */
  #right-navigation ul.menu li:hover > ul.sub-menu {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
    #top-right-menu li a:after {
      opacity: 1;
    }
    header#masthead .container-max {
      transition: all 0.3s ease-in-out;
    }
    header#masthead.header-fixed .site-branding {
      max-width: 11rem;
    }
    header#masthead .mobile-menu-wrapper {
      top: 66.91px;
      height: calc(100% - 66.91px);
    }
    .admin-bar header#masthead .mobile-menu-wrapper {
      top: 112.91px;
      height: calc(100% - 112.91px);
    }
    .mobile-menu-wrapper #bottom-navigation ul li a {
      width: 100%;
      justify-content: center;
      padding-right: 2.75rem;
      padding-left: 2.75rem;
    }
    .mobile-menu-wrapper #bottom-navigation ul li a::after {
      display: none;
    }
    img.custom-logo {
      max-width: 100px;
    }
}