.btn-primary:hover {
    color: #000;
    background-color: #da0a18;
    border-color: #da0a18;
  }
  
  .btn-primary {
    color: #000;
    background-color: #da0a18;
    border-color: #da0a18;
  }
  
  .bg-primary {
    background-color: #da0a18 !important;
  }
  
  .text-primary {
    color: #da0a18 !important;
  }

  .bg-dark {
    background-color:#000 !important;
  }
  
   .navbar .navbar-brand{
    background-color:#fff;
  }
  
  .alert-success {
    border: 1px solid #d4edda;
    background-color: #dff0d8;
    color: #155724;
    padding: 15px;
    margin-top: 10px;
    border-radius: 5px;
}


 #error-messages {
        transition: opacity 1s ease-out;
    }
    
    
    
    
    
    /* General dropdown behavior */
.navbar-nav .nav-item.dropdown:hover .dropdown-menu {
  display: block !important;
}

/* Submenu items in the dropdown */
.navbar-nav .nav-item.dropdown .dropdown-submenu .dropdown-menu {
  display: none !important;
  position: absolute;
  top: 0;
  left: 100%;
  background-color: #f8f9fa;
  border: 1px solid #ddd;
  border-radius: 5px;
  z-index: 1060;
}

/* Show submenu on hover */
.navbar-nav .nav-item.dropdown .dropdown-submenu:hover .dropdown-menu {
  display: block !important;
}

/* Add padding for dropdown items */
.dropdown-submenu .dropdown-menu .dropdown-item {
  padding: 2px 10px !important;
}

/* Add hover effect to submenu items */
.dropdown-submenu .dropdown-menu .dropdown-item:hover {
  background-color: #e9ecef !important;
}

/* Mobile specific styling */
@media (max-width: 767px) {
  /* Make sure the dropdowns stay within the screen */
  .navbar-nav .nav-item.dropdown .dropdown-menu {
      position: static !important; /* Reset absolute positioning */
      left: 0;
      width: 100%; /* Ensure the dropdown takes full width */
      box-shadow: none; /* Remove any box shadows */
  }

  /* Fix the submenu to not go off the screen */
  .navbar-nav .nav-item.dropdown .dropdown-submenu .dropdown-menu {
      left: 0 !important; /* Reset the position of submenus */
      top: auto !important; /* Ensure it doesn’t go up */
      background-color: #fff;
  }

  /* Optionally, adjust padding for smaller screens */
  .dropdown-submenu .dropdown-menu .dropdown-item {
      padding: 2px 10px !important;
  }
  
 .ps-5 {
  padding-left: 0 !important;
}
}

.project-item .project-title {
  background: white;
  
}

.project-carousel {
  background: white;
}

.logo {
  font-family: 'Lastica', sans-serif; /* Use the custom font */
}