.hover-itm {
         /*background-color: rgba(103, 154, 245, 1);*/

          /* Tinted transparent background allows you to see the frosted glass effect */
         background-color: rgba(145, 143, 143, 0.08); /*0.15*/
         backdrop-filter: blur(12px);
         -webkit-backdrop-filter: blur(12px);
         border-color: rgb(4, 4, 4);

         cursor: pointer;
         border-radius: 0px;
      }

      @media (max-width: 768px) {
         .hover-itm {
         /* background-color: rgba(103, 154, 245, 1);*/
         cursor: pointer;
         border-radius: 4px;/* Main menu items
         border-top-left-radius: 0.25rem !important;
         border-top-right-radius: 0.25rem !important;
         border-bottom-right-radius: 0.25rem !important;
         border-bottom-left-radius: 0.25rem !important;*/
         /* Tinted transparent background allows you to see the frosted glass effect */
         background-color: rgba(145, 143, 143, 0.08); /*0.15*/
         backdrop-filter: blur(12px);
         -webkit-backdrop-filter: blur(12px);
         }
      }

      .hover-itm a {
         color:gray;
      }
      /* Main navbar selection */
      .hover-itm:hover {
         background-color: lightblue;/*transparent;*/
         color: white;
      }
      /* insert a lightblue bottom border after a navbar option exept dropdown-menu is it's hovered */
      .hover-itm:hover a::after {
         content: '';
         background: rgba(103, 154, 245, 0.9);
         height: 1px;
         width: 100%;
         position: absolute;
         bottom: 0;
         left: 0;
      }
      
      @media (max-width: 768px) { /* nav-item hover */
         .hover-itm:hover {
            background-color: lightblue;/*transparent;*/
            /*background-color:rgba(103, 154, 245, 0.9);*/
            color: white;
         }

         .hover-itm:hover a::after {
           content: '';
         }
      }

      .background-color-main-menu-icon {
         background-color:rgba(103, 154, 245, 0.9);
         border-color: rgba(103, 154, 245, 0.9);
          /* Tinted transparent background allows you to see the frosted glass effect 
         background-color: rgba(145, 143, 143, 0.08); /*0.15
         border-color: rgba(145, 143, 143, 0.08); 
         backdrop-filter: blur(12px);
         -webkit-backdrop-filter: blur(12px);*/
      }
      .background-color-main-menu {
         /*background-color:rgba(103, 154, 245, 0.9);*/
         /* Tinted transparent background allows you to see the frosted glass effect */
         background-color: rgba(145, 143, 143, 0.08); /*0.15*/
         backdrop-filter: blur(12px);
         -webkit-backdrop-filter: blur(12px);
         border-radius: 0px; /* Main menu items*/
      }