tour.css

/* Additional CSS */
.shepherd-theme-custom button {
  text-align: center;
  background-color: grey;
  color: #ffffff;
  border: 2px solid black;
  text-shadow: none;
  font-size: 14px;
  padding: 5px 8px;
  border-radius: 6px;
}

.shepherd-theme-custom button:hover {
  transform: scale(1.1); 
  transition: 0.3s ease-in-out;
  color:grey;
}

.shepherd-cancel-icon {
  background-color:transparent !important;
  color:black !important;
  border:none !important;
  font-size:25px !important;
}

.shepherd-cancel-icon:hover{
  transform: scale(1.5) !important; 
  transition: 0.3s ease-in-out !important;
  color:black !important;
  background:transparent !important;
}

.shepherd-enabled.shepherd-element {
  margin-left:15px !important;
}

.shepherd-enabled.shepherd-element[data-shepherd-step-id="move-map"]{
  margin-left:0px !important;
  margin-right:20px !important;
}

.shepherd-enabled.shepherd-element[data-shepherd-step-id="overview"]{
  margin-left:0px !important;
  margin-bottom:20px !important; 
  margin-right:20px !important;
}

.shepherd-progress-bar {
  position: absolute;
  left: 2%;
  bottom: 9%;
  font-size: 14px;
  border-radius: 9px;
  height: 20px;
  width: 100%;
  max-width: 180px;
  padding: 3px;
  background: #e6e6e6
}
.shepherd-progress-bar span {
  display: block;
  background: grey;
  width: 50%;
  height: 100%;
  border-radius: 9px;
}