.elementor-1546 .elementor-element.elementor-element-145ee6b{--display:flex;}.elementor-1546 .elementor-element.elementor-element-2002bbc .arrox-el-logo img{width:500px;}.elementor-1546 .elementor-element.elementor-element-2002bbc .main-menu li a{color:var( --e-global-color-text );}.elementor-1546 .elementor-element.elementor-element-2002bbc .main-menu li a:hover{color:var( --e-global-color-a1767e5 );}.elementor-1546 .elementor-element.elementor-element-2002bbc .main-menu li.menu-item-has-children > a:after{color:var( --e-global-color-text );}.elementor-1546 .elementor-element.elementor-element-2002bbc .header-area-2 .side-toggle{background-color:var( --e-global-color-3941f43 );}.elementor-1546 .elementor-element.elementor-element-2002bbc .header-area-2{background-color:var( --e-global-color-primary );padding:0px 0px 0px 0px;}.elementor-1546 .elementor-element.elementor-element-2002bbc .main-menu ul.dp-menu{width:250px;}/* Default dropdowns - auto width based on content with premium glass effect */
.main-menu ul.dp-menu {
  width: max-content;
  min-width: 180px;
  max-width: 90vw;
  /* Apple-style glassmorphism matching the navbar */
  background: rgba(20, 20, 20, 0.8) !important;
  backdrop-filter: blur(30px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(180%) !important;
  /* Elegant rounded edges and ultra-thin glass border */
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 24px;
  /* Soft corner radius for modern dropdowns */
  /* Soft multi-layered shadow for depth */
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03), 0 1px 1px rgba(0, 0, 0, 0.05) !important;
  /* Crucial: Ensure structural elements allow pseudo-elements to position correctly */
  position: absolute;
  z-index: 999999 !important;
  overflow: visible !important;
}

/* ADDED: Premium Apple-style glass shine layer for the dropdowns */
.main-menu ul.dp-menu::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.02) 40%, transparent 60%);
  border-radius: 24px;
  /* Matches the dropdown container corners */
  pointer-events: none;
  z-index: -1;
  /* Placed behind the text links but in front of the blur layer */
}

/* Normal dropdown items spacing */
.main-menu ul.dp-menu li a {
  white-space: nowrap;
  color: #ffffff !important;
  /* Ensures readable white text on the dark glass */
  transition: color 0.3s ease;
  position: relative;
  z-index: 2;
  /* Keeps link interactions active above the shine layer */
}

/* Subtle hover state for list items inside glass */
.main-menu ul.dp-menu li a:hover {
  color: rgba(255, 255, 255, 0.7) !important;
  /* Soft dimming on hover */
}

/* Mega menu only when a menu item has many children */
.main-menu li.menu-item-has-children:has(ul.dp-menu li:nth-child(4))>ul.dp-menu {
  display: grid;
  grid-template-columns: repeat(2, minmax(180px, auto));
  gap: 8px 35px;
  width: max-content;
  min-width: fit-content;
  padding: 20px 20px;
  /* Increased padding slightly for premium spaciousness */
}

/* Mega menu animation */
.main-menu li.menu-item-has-children>ul.dp-menu {
  /* Upgraded to match fluid navbar momentum bezier curve */
  transition: opacity .4s cubic-bezier(0.25, 1, 0.5, 1), transform .4s cubic-bezier(0.25, 1, 0.5, 1), visibility .4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Responsive tablet */
@media (max-width: 1024px) {
  .main-menu li.menu-item-has-children:has(ul.dp-menu li:nth-child(4))>ul.dp-menu {
    grid-template-columns: repeat(2, minmax(160px, auto));
    min-width: 450px;
  }
}

/* Mobile - Strip glass layers if it expands full-screen to maintain readability */
@media (max-width: 767px) {
  .main-menu li.menu-item-has-children:has(ul.dp-menu li:nth-child(4))>ul.dp-menu {
    display: block;
    width: 100%;
    min-width: auto;
    background: rgba(20, 20, 20, 0.9) !important;
    /* More solid background for tight mobile layout */
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0px;
    border: none !important;
  }

  /* Hide the shine layer completely on mobile viewports */
  .main-menu ul.dp-menu::before {
    display: none !important;
  }
}