#splitpanes .rightside .glide {padding:0 !important; max-width:unset;
                                width:90% !important;}
.glide__bullets {
  display: flex;
  justify-content: center;
  gap: 0.35rem;
  margin-top: 1rem;
}

.glide__bullet {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #00000088; /* light gray */
  border: none;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: scale(.8);
}

.glide__bullet:hover,
.glide__bullet:focus {
  opacity: 1;
  outline: none;
}

.glide__bullet.glide__bullet--active {
  background-color: #000; /* slightly darker */
  transform: scale(1);
  opacity: 1;
}
.glide {
  width: 100%;
  position: relative;
  display: block;
  overflow: visible; /* important for expanding height */
}

.glide__track {
  overflow: visible;
}

.glide__slides {
  display: flex;
  transition: transform 0.5s ease;
}

.glide__slide {
  flex-shrink: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.glide {
  position: relative;
}

.glide__bullets {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  position: relative;
  z-index: 1;
}

.glide {
  width: 100%;
  position: relative;
  overflow: hidden; /* ✅ This is key to hiding off-screen slides */
}

.glide__track {
  overflow: hidden; /* ✅ This ensures only one slide shows at a time */
}

.glide__slides {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
}

.glide__slide {
  flex-shrink: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}
.glide {
  transition: height 0.4s ease;
}