.elementor-497 .elementor-element.elementor-element-0f46f79{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-3acf2e7 *//* ================= WRAPPER ================= */
.mega-dropdown-5col {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}

/* ================= MAIN MENU ITEM ================= */
.mega-dropdown-5col .menu-item {
  position: relative;
  display: inline-block;
}

/* ================= MEGA MENU BOX ================= */
.mega-box {
  display: none;
  position: fixed;
  top: 0px !important;     /* <-- GAP FIXED (Adjust 45–52px) */
  left: 50%;
  transform: translateX(-50%);

  width: 1200px;
  max-width: 95vw;
  background: #ffffff;
  padding: 40px 50px;
  border-radius: 18px;
  box-shadow: 0 8px 35px rgba(0,0,0,0.15);

  z-index: 9999;

  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 45px;
  box-sizing: border-box;
}


/* Show on hover */
.mega-dropdown-5col .menu-item:hover .mega-box {
  display: grid;
}

/* ================= COLUMN ITEMS ================= */
.mega-box .col a {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 17px;
  color: #222;
  padding: 10px 0;
  text-decoration: none;
  transition: color 0.3s ease, transform 0.2s ease;
}

.mega-box .col a:hover {
  color: #d4a843;
  transform: translateX(5px);
}

/* ICON SIZE */
.mega-box .icon {
  font-size: 26px;
  color: #d4a843;
}

/* ================= MOBILE VERSION ================= */
@media (max-width: 768px) {

  .mega-box {
    position: static !important;
    transform: none !important;

    width: 100% !important;
    max-width: none !important;
    padding: 25px 20px;
    box-shadow: none;
    border-radius: 0;

    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    display: none;
  }

  .menu-item.active .mega-box {
    display: grid;
  }
}/* End custom CSS */