/* Disable page scrolling */


/* Hide sub-menu by default */
.sub_nav {
  display: none;
  padding-left: 12px;
}

  /* Slider container without extra left offset */
  .portfolio-container .portfolio-slider-container {
    margin-left: 260px;
    width: calc(100% - 260px);
  }

  /* If the slider template (inside .portfolio-holder) adds extra padding, remove it */
  .portfolio-slider-container .portfolio-holder {
    padding-left: 0 !important;
  }

/* Basic styling for main navigation links */
.main_nav a {
  position: relative; /* For pseudo-element positioning */
  display: block;
  padding: 8px 25px 10px 8px;  /* Extra right padding for hover icon */
  text-decoration: none;
  line-height: 1.2em;
  font-size: 1.0rem;
  text-transform: uppercase;
  font-weight: 400;
  color: #5C5C5C;
  font-family: 'Roboto', Sans-Serif !important;
  overflow: visible;
}
.main_nav a:hover {
  color: #0B1127;
  transition: color 0.4s ease;
}

/* Styling for the Portfolio trigger item */
.main_nav_trigger {
  cursor: pointer;
  padding: 8px 25px 8px 8px; /* Extra right padding */
  text-decoration: none;
  line-height: 1.2rem;
  font-size: 1.0rem;
  text-transform: uppercase;
  font-weight: 400;
  color: #5C5C5C;
  font-family: 'Roboto', Sans-Serif !important;
  position: relative;
}
.main_nav_trigger:hover {
  color: #0B1127;
  transition: color 0.4s ease;
}

/* Sub-menu link styling */
.sub_nav a {
  position: relative; /* For pseudo-element positioning */
  line-height: 1.0em;
  font-size: 0.8em;
  text-transform: capitalize;
  font-weight: 400;
  color: #9D9D9D;
  font-family: 'Roboto-Condensed', Sans-Serif !important;
  padding: 6px 25px 6px 6px; /* Extra right padding for icon */
  overflow: visible;
}
.sub_nav a:hover {
  color: #0B1127;
  transition: color 0.4s ease;
}

/* Pseudo-element for hover icon (Font Awesome angle-right) for main_nav links */
.main_nav a::after {
  content: "\f105" !important;        /* Unicode for fa-angle-right */
  font-family: "FontAwesome" !important;
  font-size: 1rem !important;
  line-height: 1.2rem !important;
  color: inherit !important;
  position: absolute !important;
  top: 44% !important;
  right: 10px !important;
  opacity: 0 !important;
  transform: translate(10px, -50%) !important;
  transition: opacity 0.4s ease, transform 0.4s ease !important;
  z-index: 100 !important;
}

/* Pseudo-element for hover icon (Font Awesome angle-right) for sub_nav links */
.sub_nav a::after {
  content: "\f105" !important;
  font-family: "FontAwesome" !important;
  font-size: 0.8rem !important;
  line-height: 1.2rem !important;
  color: inherit !important;
  position: absolute !important;
  top: 50% !important;
  right: 10px !important;
  opacity: 0 !important;
  transform: translate(10px, -50%) !important;
  transition: opacity 0.4s ease, transform 0.4s ease !important;
  z-index: 100 !important;
}

.main_nav a:hover::after,
.sub_nav a:hover::after {
  opacity: 1 !important;
  transform: translate(0, -50%) !important;
}

/* Remove any trigger icon rotation */
.main_nav_trigger i {
  transition: none;
}

/* Additional overrides */
.elementor-nav-menu li {
  padding-bottom: 0px !important;
}

/* Ensure the submenu trigger icon remains visible */
.main_nav_trigger i {
  display: inline-block !important;
}

/* Optional: styling for a line element */
.main_nav_line {
  color: #5C5C5C;
  padding: 10px 25px 10px 0;
}

/* --- Sub Menu Scroll Bar Styling --- */

/* Apply a fixed maximum height and allow vertical scrolling */
.sub_nav {
  max-height: 400px;   /* Adjust this value to your needs */
  overflow-y: auto;
}

/* --- WebKit Browsers (Chrome, Safari, Opera) --- */

/* Scrollbar width */
.sub_nav::-webkit-scrollbar {
  width: 8px;
}

/* Scrollbar track background */
.sub_nav::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Scrollbar thumb styling */
.sub_nav::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

/* Scrollbar thumb on hover */
.sub_nav::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* --- Firefox --- */

/* Apply thin scrollbars for Firefox with color definitions */
.sub_nav {
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}