body {
  font-family: helvetica, arial, sans-serif;
  margin: 2em;
  background-image: url("https://cdn.glitch.global/922a2a61-d90f-48b1-a48e-47ccfcec3d49/bg7.png?v=1678992795231");
  background-repeat: contain;
  background-color: white;
}

.absolute {
  position: absolute;
  top: 10px;
  right: 10px;
  color: red;
}

.absoluteRightBottom {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.absoluteRight {
  position: absolute;
  right: 10px;
}

.absoluteRightTopDown {
  position: absolute;
  top: 50px;
  right: 10px;
}

.mapcontainer {
  width: 100%;
  height: 100%  ;
  display: flex;
  align-items: center;
  flex-direction: column;
}

iframe {
  width: 85%;
  height: 85%
}
.invisible {
  background-color: rgba(255, 255, 255, 0);
}

.whiteglass {
    background-color:rgba(255, 255, 255, 0.5) ;
  }

.whiteglass2 {
    background-color:rgba(255, 255, 255, 0.9) ;
  }

.ui.invisible.segment {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px 0px rgba(0, 0, 0, 0);
}


.ui.move.reveal > .visible.content {
  position: relative !important;
  left: 0% !important;
  width: 100% !important;
}
.listingLogo {
  width: 50%;
  height: auto;
  font-size: 1.14285714rem;
}
}
.reference {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.name{
  padding-top:20px;
  padding-right:5px;
  line-height:20px;
  font-weight:bold;
  text-transform:capitalize;
}

.orangey {
    background-color: #ffddab !important;
    
}

.profilepic{
  padding-top:15px;
  padding-right:5px;
  line-height:20px;
  font-weight:bold;
}