.dropdown-item0:hover::before {
    background-image: url("images/products/Mycophenol.jpg");
    content: "";
  position: absolute;
  top: 0;
  left: 100%;
  transform: translateX(10px);
  width: 300px; /* Adjust the width as needed */
  height: 200px; /* Adjust the height as needed */
  background-size: cover;
  background-position: center;
  pointer-events: none;
  }


.dropdown-item1:hover::before {
    background-image: url("images/products/Teclekin.png");
    content: "";
  position: absolute;
  top: 0;
  left: 100%;
  transform: translateX(10px);
  width: 300px; /* Adjust the width as needed */
  height: 200px; /* Adjust the height as needed */
  background-size: cover;
  background-position: center;
  pointer-events: none;
  }

.dropdown-item2:hover::before {
    background-image: url("images/products/Renalog.jpg");
    content: "";
  position: absolute;
  top: 0;
  left: 100%;
  transform: translateX(10px);
  width: 300px; /* Adjust the width as needed */
  height: 200px; /* Adjust the height as needed */
  background-size: cover;
  background-position: center;
  pointer-events: none;
  }
  
  .dropdown-item3:hover::before {
    background-image: url("images/products/Sevla.400+800mg.jpg");
    content: "";
  position: absolute;
  top: 0;
  left: 100%;
  transform: translateX(10px);
  width: 300px; /* Adjust the width as needed */
  height: 200px; /* Adjust the height as needed */
  background-size: cover;
  background-position: center;
  pointer-events: none;
  }
  
  .dropdown-item4:hover::before {
    background-image: url("images/products/Prayphos.jpg");
    content: "";
  position: absolute;
  top: 0;
  left: 100%;
  transform: translateX(10px);
  width: 300px; /* Adjust the width as needed */
  height: 250px; /* Adjust the height as needed */
  background-size: cover;
  background-position: center;
  pointer-events: none;
  }
  
  .dropdown-item5:hover::before {
    background-image: url("images/products/Ferrotek.jpg");
    content: "";
  position: absolute;
  top: 0;
  left: 100%;
  transform: translateX(10px);
  width: 300px; /* Adjust the width as needed */
  height: 200px; /* Adjust the height as needed */
  background-size: cover;
  background-position: center;
  pointer-events: none;
  }
  
  .dropdown-item6:hover::before {
    background-image: url("images/products/Tamo-F.jpg");
    content: "";
  position: absolute;
  top: 0;
  left: 100%;
  transform: translateX(10px);
  width: 300px; /* Adjust the width as needed */
  height: 200px; /* Adjust the height as needed */
  background-size: cover;
  background-position: center;
  pointer-events: none;
  }
  
  .dropdown-item7:hover::before {
    background-image: url("images/products/Celdrin.jpg");
    content: "";
  position: absolute;
  top: 0;
  left: 100%;
  transform: translateX(10px);
  width: 150px; /* Adjust the width as needed */
  height: 300px; /* Adjust the height as needed */
  background-size: cover;
  background-position: center;
  pointer-events: none;
  }
  
  .dropdown-item8:hover::before {
    background-image: url("images/products/Rabby.jpg");
    content: "";
  position: absolute;
  top: 0;
  left: 100%;
  transform: translateX(10px);
  width: 300px; /* Adjust the width as needed */
  height: 200px; /* Adjust the height as needed */
  background-size: cover;
  background-position: center;
  pointer-events: none;
  }
  
   .dropdown-item9:hover::before {
    background-image: url("images/products/AQCAL-D.jpg");
    content: "";
  position: absolute;
  top: 0;
  left: 100%;
  transform: translateX(10px);
  width: 300px; /* Adjust the width as needed */
  height: 200px; /* Adjust the height as needed */
  background-size: cover;
  background-position: center;
  pointer-events: none;
  }
  
   .dropdown-item10:hover::before {
    background-image: url("images/products/AQVIT-M.jpg");
    content: "";
  position: absolute;
  top: 0;
  left: 100%;
  transform: translateX(10px);
  width: 350px; /* Adjust the width as needed */
  height: 200px; /* Adjust the height as needed */
  background-size: cover;
  background-position: center;
  pointer-events: none;
  }
  
  
   .dropdown-item11:hover::before {
    background-image: url("images/products/Moxipray.jpg");
    content: "";
  position: absolute;
  top: 0;
  left: 100%;
  transform: translateX(10px);
  width: 300px; /* Adjust the width as needed */
  height: 200px; /* Adjust the height as needed */
  background-size: cover;
  background-position: center;
  pointer-events: none;
  }
  
  .dropdown-item12:hover::before {
    background-image: url("images/products/Retacotril.jpg");
    content: "";
  position: absolute;
  top: 0;
  left: 100%;
  transform: translateX(10px);
  width: 300px; /* Adjust the width as needed */
  height: 200px; /* Adjust the height as needed */
  background-size: cover;
  background-position: center;
  pointer-events: none;
  }
  
  .dropdown-item13:hover::before {
    background-image: url("images/products/Predolone.jpg");
    content: "";
  position: absolute;
  top: 0;
  left: 100%;
  transform: translateX(10px);
  width: 300px; /* Adjust the width as needed */
  height: 200px; /* Adjust the height as needed */
  background-size: cover;
  background-position: center;
  pointer-events: none;
  }