html {
  height: 100%;
}
body {
  height: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  background-color: #000000;
  /* user-select: none; */
}
.map-container {
  /* display: none; */
  position: absolute;
  bottom: 1%;
  left: 1%;
  border-radius: 5px;
  z-index: 1000;
}
#map {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40rem;
  height: 40rem;
  border-radius: 4px;
  z-index: 1000;
}
.cross {
  display: inherit;
  position: relative;
  cursor: pointer;
  color: rgb(255, 255, 255);
  z-index: 1000;
  float: right;
  font-weight: bold;
  font-size: 16px;
  padding: 10px;
}
.cross:hover {
  color: #b5e213d8;
}
div subtitle {
  display: none !important;
}
table tr td div div {
  display: none !important;
}
.naturals-logo {
  position: absolute;
  top: 15px; /* Adjust the top position */
  left: 20px; /* Adjust the left position */
  width: auto;
  height: auto; /* Or set desired height */
  cursor: pointer; /* Indicate clickable element */
}

.zameen-logo {
  position: fixed;
  top: 10px;
  right: 10px; /* Adjust for position */
  height: auto; /* Or set desired height */
  cursor: pointer; /* Indicate clickable element */
}

.home-icon {
  position: fixed;
  bottom: 2vh; /* Adjust for position */
  left: 2vw; /* Adjust for position */
  width: 10vw;
  height: auto; /* Or set desired height */
  cursor: pointer; /* Indicate clickable element */
  z-index: 999;
}

.full-icon {
  position: fixed;
  bottom: 2vh; /* Adjust for position */
  right: 2vw; /* Adjust for position */
  width: 10vw;
  height: auto; /* Or set desired height */
  cursor: pointer; /* Indicate clickable element */
  z-index: 999;
}
.responsive-icon {
  width: 3vw; /* Desktop default */
  height: auto;
  z-index: 999;
}

/* Mobile */
@media (max-width: 768px) {
  .responsive-icon {
    width: 6vw;
  }
}