.sightmap-iframe-container {
    /* position: relative; */
    width: 100%;
   /* padding-top: 56.25%; */ /* 16:9 aspect ratio */
}


iframe {
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    height: 614px;
    border: 0;
}

.sightmap-widget-container .floor-navigation {
    text-align: center;
    padding: 0px 0px 54px;
}

.sightmap-widget-container .floor-navigation button {
  font-family: "Montserrat", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  margin: 0px 31px;
  padding: 0px 0px 4.5px 0px;
  color: #4E4948;
  border: none;
  cursor: pointer;
}

.sightmap-widget-container .floor-navigation button:hover {
  background-color: #FFFFFF00 !important;
  outline: none;
}
.sightmap-widget-container .floor-navigation button:focus {
  background-color: #FFFFFF00 !important;
  outline: none;
}

.floor-navigation button.floor-nav-selected {
  /* border-bottom: 1.5px solid #A3962D; */
  color: #A3962D;
}

.sightmap-loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 1); /* Semi-transparent white */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Ensure it overlays the map */
}

.sightmap-loading-spinner {
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-top: 4px solid #000;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media only screen and (max-width: 767px) {
    .sightmap-widget-container .floor-navigation {
    padding: 0px 0px 15px;
    }
  .sightmap-widget-container .floor-navigation button {
    font-size: 11px;
    line-height: 12.65px;
    margin: 0px 12.2px;
  }
.floor-navigation button:first-child {
  margin-left: 0px !important;
}
.floor-navigation button:last-child {
  margin-right: 0px !important;
}
.sightmap-widget-container iframe.sightmap-iframe {
    height: 300px !important;
}
}
@media only screen and (max-width: 390px) {
  .sightmap-widget-container .floor-navigation button {
      margin: 0px 8.2px;
      
  }
}