.gallery-img-col img {
  width: 100%;
  cursor: pointer;
}

/* Gallery popup CSS */

#galleryModal #controls,
#galleryModal .mySlides {
  position: relative;
}
#galleryModal #controls button.close {
  background-color: transparent;
  border: none;
  position: absolute;
  right: 28%;
  z-index: 99;
  bottom: -8px;
}
#galleryModal #controls button.close img {
  width: 38%;
}
#controls {
  text-align: center;
}
#galleryModal .mySlides .numbertext {
  position: absolute;
  left: 30%;
}
.box-img {
  width: 40%;
  margin: auto;
  height: auto;
}
.box-img img {
  width: 100%;
}
#controls i {
  color: #fff;
  font-size: 1rem;
}
.next-btn {
  background-color: transparent;
  border: none;
}
.prev,
.next {
  padding: 6px;
  width: 35px;
  cursor: pointer;
  transition: 0.7s ease-in-out;
  border: none;
  background-color: transparent;
}
#galleryModal .modal-content {
  height: 100vh;
  padding-top: 28px;
  background-color: rgb(255 255 255 / 90%) !important;
}
.gallery-footer-controls {
  display: flex;
  justify-content: space-between;
  width: 42%;
  margin: auto;
}