.elementor-7 .elementor-element.elementor-element-5cb5f91{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-5cb5f91.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-5cb5f91{--width:98.712%;}}/* Start custom CSS for html, class: .elementor-element-25581fe *//* ===== NAV (WordPress Compatible) ===== */
.raw-nav {
  display: flex;
  align-items: center;
  gap: 45px;
  list-style: none; /* Dots hatane ke liye */
  margin: 0;
  padding: 0;
}

/* WordPress menu items (li) aur links (a) dono par styling */
.raw-nav li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.raw-nav a, .raw-nav li a {
  text-decoration: none;
  font-size: 19px; 
  font-weight: 600;
  color: #333;
  position: relative;
  transition: 0.3s ease;
  padding: 5px 0;
  white-space: nowrap;
  display: inline-block;
}

/* Hover Effect for WordPress Links */
.raw-nav a::after, .raw-nav li a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #7ed957;
  transition: 0.3s ease;
}

.raw-nav a:hover::after, .raw-nav li a:hover::after {
  width: 100%;
}

.raw-nav a:hover, .raw-nav li a:hover {
  color: #1b1b5e;
}

/* Mobile View adjustments for WordPress List */
@media(max-width: 991px) {
  .raw-nav {
    flex-direction: column;
    align-items: flex-start; /* Mobile par left align links */
  }
  .raw-nav li {
    width: 100%;
  }
}/* End custom CSS */