/*.ui-widget.ui-widget-content{
    z-index: 9999;
}*/
.ui-autocomplete{
    z-index: 9999 !important;
}
.navbar {
  position: sticky !important;
  width: 100%;
  top: 0;
  z-index: 1000;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.site-logo-wrapper {
  min-width: 355px;
  padding: 0 15px;
}

.site-logo-wrapper img {
  width: 100%;
}
.mobile-menu-icon-cotainer {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hamburger-menu-icon {
  color: #333;
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#secondaryMenuButton {
  background-color: #f8674a;
  color: white;
}
.navbar-collapse-container {
  width: 100%;

  display: flex;
  justify-content: end;
  padding-left: 40px;
}
.navbar-collapse {
  display: flex;
}

.secondary-navbar {
  background-color: #ff5722;
  color: white;
}
.secondary-navbar .nav-link {
  color: white !important;
}

.navbar-nav .dropdown-item {
  font-size: 14px;
  line-height: 20px;
  color: #5c727d;
  padding: 12px 25px 12px 30px !important;
  position: relative;
}
.navbar-nav .dropdown-item:hover {
  color: #f8674a !important;
  background-color: transparent !important;
  cursor: pointer;
}

.navbar-collapse > ul > li > a {
  padding: 20px 10px;
}
.secondary-navbar {
  padding: 0 10px;
}
.secondary-navbar > ul > li > a {
  padding: 10px 0;
}

.navbar-nav .dropdown:hover .dropdown-menu {
  display: block;
  border: none;
  border-top: 5px solid #ff5a3c;
  border-radius: 0;
  box-shadow: 0 5px 20px 0 rgba(23, 44, 82, 0.1);
  padding: 15px 0;
  min-width: 250px;
  opacity: 1;
}

.navbar-nav .dropdown-menu {
  display: none;
  transition: opacity 0.2s ease-in-out;
}

.desktop-submenu {
  position: absolute;
  left: 100%;
  top: 0;
  min-width: 230px;
  background: white;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  border-top: 5px solid #ff5a3c;
  padding: 10px 0;
  display: none;
}
.navbar-nav > li:nth-last-child(-n + 2) .dropdown-menu {
  left: auto;
  right: 10%;
}
/* When the parent is hovered, show the submenu */
.navbar-nav .dropdown-item.desktop-submenu-toggle:hover .desktop-submenu {
  display: block;
}

/* If the parent <li> is the last child, open submenu to the left */
.navbar-nav > li:last-child .desktop-submenu {
  left: auto;
  right: 100% !important;
}

.navbar-nav .nav-link {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #071c1f;
  display: flex;
  align-items: center;
  gap: 4px;
}
.navbar-nav .nav-item {
  /* margin-right: 20px; */
  flex-grow: 1;
}
.secondary-navbar .nav-item {
  margin-right: 20px;
}
.mobile-menu-items-container > ul > li > a {
  display: flex;
  align-items: center;
  gap: 7px;
}
.secondary-navbar .nav-link {
  line-height: 18px;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
}
.navbar-nav .nav-link:hover {
  background-color: transparent !important;
  color: #ff5a3c !important;
}
.secondary-navbar .nav-link:hover {
  color: white !important;
}
.navbar-nav .dropdown:hover > .nav-link,
.navbar-nav .dropdown-menu:hover > .nav-link {
  color: #ff5a3c !important;
}
.mobile-menu {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100vh;
  background: white;
  transition: left 0.3s ease-in-out;
  z-index: 1100;
  display: flex;
  flex-direction: column;
}

.mobile-menu-items-container {
  flex: 1; /* Ensures it takes up remaining space */
  overflow-y: auto;
  max-height: calc(100vh - 80px); /* Adjust based on header height */
  padding: 20px 15px;
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: #ccc transparent; /* Firefox */
}

/* For WebKit Browsers (Chrome, Safari) */
.mobile-menu-items-container::-webkit-scrollbar {
  width: 6px;
}

.mobile-menu-items-container::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}

.mobile-menu-sticky-header {
  position: sticky;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ddd;
  top: 0;
  background-color: white;
  z-index: 1000;
  padding: 30px 20px;
}

.mobile-menu ul > li {
  margin-top: 10px;
  padding: 8px 15px;
}

.mobile-menu ul > li > a {
  font-size: 14px;
  line-height: 20px;
  color: #5c727d;
  text-decoration: none;
}
/* .nested-submenu-item {
  padding: 4px 15px !important;
} */
.heighthigh {
  height: 900px;
}

.mobile-menu.active {
  left: 0;
}

/* Close Button */
.close-btn {
  font-size: 28px;
  background: none;
  cursor: pointer;
  border: none;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 1000;
}

.overlay.active {
  visibility: visible;
  opacity: 1;
}

.submenu {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease-in-out;
}

.submenu.open {
  grid-template-rows: 1fr;
}
.primary-menu {
  padding-top: 22px;
  padding-bottom: 22px;
}
.primary-menu-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.container {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.global-header {
  width: 100%;
}
#menuButton {
  box-shadow: 0 10px 50px 0 rgba(46, 56, 220, 0.2);
}
.sticky-active {
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  background-color: white;
/*  left: 50%;
  transform: translateX(-50%);*/
  position: fixed;
  top: 0;
/*top:34px;*/
  width: 100%;
  z-index: 999;
  -webkit-box-shadow: 0 10px 50px 0 rgba(46, 56, 220, 0.2);
  box-shadow: 0 10px 50px 0 rgba(46, 56, 220, 0.2);
}

.global-header ul li,
.global-header ol li {
    margin-top: 0px;
}

.bg-overlay-theme-05, .ltn__video-icon-2{
    z-index: 8;
}


@media (max-width: 768px) {
     .elementor-125388 .elementor-element.elementor-element-b03f745 {
        width: 100% !important;
    }
  .site-logo-wrapper {
    width: 246px;
    min-width: 246px;
    padding: 0;
  }
  .site-logo-wrapper img {
    width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1365px) {
  .site-logo-wrapper {
    min-width: 300px;
  }
}

@media (min-width: 992px) {
    #secondaryNavbar .navbar-nav .nav-link {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}