.raven-nav-menu {
    position: relative;
    /* Position relative for dropdown positioning */
}

/* Remove underline from all dropdown links */
.dropdown a {
    text-decoration: none !important; /* Ensure underline is removed */
  }
  
  /* Ensure no underline on hover */
  .dropdown a:hover {
    text-decoration: none !important;
  }
  
  /* Ensure raven-link-item underlines are removed */
  .raven-link-item {
    text-decoration: none !important; /* Override underline globally for this class */
  }
  
  /* Ensure menu-item links have no underline */
  .menu-item a {
    text-decoration: none !important;
  }
  
  /* Debugging hover */
  .menu-item a:hover {
    color: #1565C0; /* Color change works */
    text-decoration: none !important; /* Ensures hover state doesn't reintroduce underline */
  }
  

.dropdown {
    display: none;
    /* Hide dropdown by default */
    position: absolute;
    /* Absolute positioning */
    top: 100%;
    /* Position below the parent */
    left: 0;
    /* Align to the left */
    background: #fff;
    /* White background */
    border: 1px solid #e0e0e0;
    /* Light border */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /* Subtle shadow */
    z-index: 1000;
    /* Ensure it appears above other elements */
    min-width: 200px;
    /* Minimum width for dropdown */
}

.raven-nav-menu li:hover .dropdown {
    display: block;
    /* Show dropdown on hover */
}

.dropdown .menu-item {
    list-style: none;
    /* Remove bullets */
}

.dropdown .raven-menu-item {
    display: block;
    /* Block-level items */
    padding: 10px 15px;
    /* Padding for dropdown items */
    color: #333;
    /* Text color */
    text-decoration: none;
    /* Remove underline */
    transition: background 0.3s ease;
    /* Smooth background change */
}

.dropdown .raven-menu-item:hover {
    background: #f5f5f5;
    /* Background color on hover */
    color: #00A045;
    /* Change text color on hover */
}

.dropdown .menu-item:not(:last-child) {
    border-bottom: 1px solid #e0e0e0;
    /* Divider between items */
}

.dropdown .menu-item:last-child {
    border-bottom: none;
    /* Remove divider for last item */
}

.elementor-section.elementor-element-dcf8783 {
    background-image: url('images/bg1.jpg');
    background-size: cover; /* Adjusts the image to cover the entire section */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents the image from repeating */
}
