.page-header {
  padding-top: 12rem;
  padding-bottom: 6rem;
  background: linear-gradient(rgba(0, 0, 30, .8), rgba(0, 29, 35, 0)), url(../img/events/events-banner.png) center center no-repeat;
  background-size: cover;
}
.img-card {
  min-height: 458px;
}
.img-card img {
  height: 210px;
  object-fit: cover;
}
.img-card h3 {
  padding: 16px 20px;
}
/* Disable background scrolling */
.no-scroll {
  overflow: hidden;
}
/* Ensure the body height doesn't change when scroll is disabled */
body.no-scroll {
  width: 100%;
}
.popup.active {
  display: flex;
  gap: 16px;
}
.popup.active .events-popup-text {
  width: 40vw;
  height: 80vh;
  overflow-y: auto;
  scrollbar-width: none;
}
.popup.active .events-popup-text p {
  padding: 0 20px;
}
.popup.active img {
  max-width: 50vw;
}
.prev, .next {
  display: none !important;
}
.btn-outline-primary {
  color: white !important;
}
.img-fluid {
  max-width: 100%;
  height: 250px;
  min-width: 100%;
  object-fit: cover;
}
.img-contain{
  height: 600px;
  object-fit: contain;
}
@media only screen and (max-width: 768px)  {
  .popup.active {
    flex-direction: column;
    max-height: 80vh;
 }
  .popup.active .events-popup-text {
    width: 80vw;
 }
  .popup.active img {
    max-width: 83vw;
    width: 340px !important;
    object-fit: unset;
    height: 294px !important;
 }
  .img-card {
    min-height: 418px;
 }
  .img-card h3 {
    padding: 16px 20px 0 20px;
 }
}

@media (max-width: 767px) {
  .img-contain{
    height: 100px !important;
}
  .varanasi-event-popup img {
    height: 200px !important;
  }
}