.elementor-2815 .elementor-element.elementor-element-fa33b44{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2815 .elementor-element.elementor-element-fa33b44:not(.elementor-motion-effects-element-type-background), .elementor-2815 .elementor-element.elementor-element-fa33b44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-2815 .elementor-element.elementor-element-fa33b44.e-con{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-2815 .elementor-element.elementor-element-1aa9fb2.xpro-widget-bg-overlay:before{transition:background 0.3s;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2815 .elementor-element.elementor-element-fa33b44{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-1aa9fb2 */.image-scroll-container {
  width: 2300px;
  height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  position: relative;
}

.image-container {
  position: relative;
  width: 2200px;
}

.image-container img {
  width: 100%;
  height: auto;
}

@import url('https://fonts.googleapis.com/css2?family=Aboreto&family=Albert+Sans&display=swap');

.panorama-labels {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 15px;
}

.panorama-title {
  font-family: 'Aboreto', 'Albert Sans', sans-serif;
  font-size: 40px;
  color: #212121;
  margin: 0;
}

.panorama-subtitle {
  font-family: 'Albert Sans', sans-serif;
  font-size: 15px;
  color: #212121;
  margin: 0;
  letter-spacing: 1.7px;
}


.hotspot {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  animation: blink 1.5s infinite alternate;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hotspot span.hotspot-label {
  display: none;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.75);
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap;
  font-family: 'Albert Sans', sans-serif;
  font-size: 14px;
  z-index: 10;
}

.hotspot:hover .hotspot-label {
  display: block;
}

.hotspot-pink {
  background-color: #ec709a;
  box-shadow: 0 0 10px rgba(236, 112, 154, 0.8);
}

.hotspot-blue {
  background-color: #364968;
  box-shadow: 0 0 10px rgba(54, 73, 104, 0.8);
}

.hotspot-green {
  background-color: #168B5A;
  box-shadow: 0 0 10px rgba(22, 139, 90, 0.8);
}

.hotspot-brown {
  background-color: #D0C7BD;
  box-shadow: 0 0 10px rgba(208, 199, 189, 0.8);
}

/*Animation*/
@keyframes blink {
  0% { opacity: 1; transform: scale(1); }
  100% { opacity: 0.7; transform: scale(1.5); }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa33b44 */.body{
    background-color: #F6F6F6;
}/* End custom CSS */