html, body {
  overscroll-behavior-y: none;
}
/* pinned panels container */
.panels {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
/* each full-screen panel */
.panel {
  position: absolute;
  top: 0; left: 50%;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  transform-origin: center center;

}

.one   {
   z-index: 1; 
   background-image: url('../images/Apartments/TPD-Apartment-Features-img-1.jpg');
   background-repeat: no-repeat;
   background-size: cover;
}
.two   { 
  z-index: 2;  
  background-image: url('../images/Apartments/TPD-Apartment-Features-img-2.jpg');
  background-repeat: no-repeat;
  background-size: cover
}
.three { 
  z-index: 3; 
  background-image: url('../images/Apartments/TPD-Apartment-Features-img-3.jpg');
  background-repeat: no-repeat;
  background-size: cover
 }

 .panel-change-wrapper { position: relative; }

/* .dots {
  position: fixed;      
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 999;
}

.dot {
  width: 12px; height: 12px;
  border-radius: 50%;
  background: #fff;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity .3s, transform .3s;
} */
  /* fixed dots + identifier wrapper */
    .dots {
      position: fixed;
      top: 50%; right: 35px;
      transform: translateY(-50%);
      display: flex; flex-direction: column; gap: 20px;
      align-items: center;
      pointer-events: none;
      z-index: 100;
    }
    .dot {
      width: 12px; height: 12px;
      border-radius:50%;
        background: #fff !important;
  opacity: 1 !important;
      opacity:0.4;
      transition: opacity .3s, transform .3s;
      z-index:2;
    }
    .dot.active {
      opacity:1;
      
    }
    .identifier {
      position:absolute;
      left:50%;
      transform: translateX(-50%);
      width: 32px; height: 32px;
      background: rgba(255,255,255,0.3) !important;
  border: none;                
      border-radius:50%;
      pointer-events:none;
      z-index:1;
    }