.mcicon img {
  width: 32px;
  height: 32px;
  /* object-fit: cover; Ensures the image isn't distorted while fitting the dimensions */
}

.mcicon2 img {
  width: 64px;
  height: 64px;
  /* object-fit: cover; Ensures the image isn't distorted while fitting the dimensions */
}



.dside-panel {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 20em;
  width: 18em;
  z-index: 10001;
  transition: transform 0.3s ease-in-out;
}

.dside-panel.dhidden {
  transform: translateX(-100%);
}

.dtoggle-btn {
  position: absolute;
  bottom: 0;
  right: -40px;

  width: 40px;
  height: 40px;
  cursor: pointer;
  padding: 0;
  /* background: transparent; */
  /* background: linear-gradient(-45deg,
          rgba(240, 20, 240, 0.473),
          rgba(246, 247, 246, 0.781),
          rgba(6, 197, 245, 0.5)); */
  background: linear-gradient(90deg,
      rgba(255, 0, 0, 0.6),
      /* Red */
      rgba(255, 154, 0, 0.6),
      /* Orange */
      rgba(208, 222, 33, 0.6),
      /* Yellow */
      rgba(79, 220, 74, 0.6),
      /* Green */
      rgba(63, 218, 216, 0.6),
      /* Cyan */
      rgba(47, 201, 226, 0.6),
      /* Blue */
      rgba(28, 127, 238, 0.6),
      /* Indigo */
      rgba(95, 21, 242, 0.6),
      /* Violet */
      rgba(186, 12, 248, 0.6),
      /* Magenta */
      rgba(251, 7, 217, 0.6),
      /* Pink */
      rgba(255, 0, 0, 0.6)
      /* Back to Red for a smooth loop */
    );
  border-radius: 25%;
  background-size: 800% 800%;
  border: none;
  animation: gradientBG 4s ease-out infinite, pulseOpacity 2s ease-in-out infinite;
}

.dcontent {
  height: 100%;
  width: 100%;
  padding: 0em;
}

.dbtn-icon {
  width: 40px;
  height: 40px;
}

@keyframes gradientBG {
  0% {
    background-position: 0% 50%;
  }

  100% {
    background-position: 100% 50%;
  }
}

@keyframes pulseOpacity {

  0%,
  100% {
    opacity: 0.6;
  }

  50% {
    opacity: 0.9;
  }

}

.mapaatt {
  min-height: 3em;
  position:fixed;
  bottom: 50%;
  left: 35%;
  background-color: rgba(255, 0, 0, 0.6);
  z-index: 10002;
}

.mapaatt a {
  font-size: 5em;
  line-height: 0.8em;
}