theme updates

assets/css/styles.css

@@ -690,6 +690,11 @@ body.login {
   text-decoration: underline;
 }
 
+.menu-item:hover {
+  background-color: var(--primary-500);
+  color: #fff;
+}
+
 /* Add caret icon after menu items with submenus */
 .menu-item-has-children > a:after {
   content: "\f229"; /* Unicode for the caret down icon in Bootstrap */
@@ -705,6 +710,8 @@ body.login {
   width: max-content;
   display: none;
   position: absolute;
+  left: 0;
+  top: 100%;
   background-color: #fff; /* Background color for the dropdown */
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Box shadow for the dropdown */
   z-index: 1000; /* Ensure dropdown appears above other elements */
@@ -745,6 +752,16 @@ body.login {
   color: white;
 }
 
+ul#menu-main-menu > li {
+  position: relative;
+  padding: 0.5rem 1rem;
+}
+
+@media (max-width: 1640px) {
+  ul#menu-main-menu > li:last-child > .sub-menu {
+    left: -100%;
+  }
+}
 /*
 ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
 */
@@ -2299,6 +2316,10 @@ select {
   border-top-width: 4px;
 }
 
+.border-b-2 {
+  border-bottom-width: 2px;
+}
+
 .border-gray-300 {
   --tw-border-opacity: 1;
   border-color: rgb(209 213 219/var(--tw-border-opacity));