/* Custom CSS to fix Services mega menu - ensure all 4 columns are visible */

/* Make the Services mega menu dropdown wider to accommodate all columns */
.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega.sp-menu-full {
  min-width: 1000px;
  width: auto;
  max-width: 1200px;
}

/* Ensure the container inside the dropdown is full width */
.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega.sp-menu-full.container {
  width: auto;
  min-width: 1000px;
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
}

/* Ensure dropdown inner has proper width */
.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega .sp-dropdown-inner {
  width: 100%;
  min-width: 100%;
}

/* Ensure all columns are visible and properly sized */
.sp-megamenu-parent .sp-dropdown-mega .row {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}

.sp-megamenu-parent .sp-dropdown-mega .col-sm-3 {
  flex: 0 0 25%;
  max-width: 25%;
  min-width: 200px;
  padding-left: 15px;
  padding-right: 15px;
}

/* Prevent text wrapping issues in menu items */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  white-space: normal;
  word-wrap: break-word;
}

/* Ensure animation works with transform */
.menu-slide-down .sp-has-child:hover > .sp-dropdown.sp-dropdown-mega {
  opacity: 1;
  visibility: visible;
  top: 90px;
  transform: translateX(-50%);
}