body {
  /*    .modal-backdrop {
       
        position: relative;
    }*/
}
body .gallery-button {
  width: 170px;
  height: 45px;
  color: #fff;
  background: transparent;
  font-size: 12px;
  line-height: 12px;
  font-family: "CircularStd_Medium";
  border-radius: 3px;
  padding: 15px;
  text-transform: uppercase;
  margin: 15px 0;
  border: 1px solid #fff;
  position: relative;
}
body .gallery-button:focus {
  outline: none;
}
body .modal-slider-images-content {
  background-color: rgba(11, 20, 30, 0.65);
}
body .modal-slider-images-content .modal-content .owl-carousel .slider-image-container {
  height: 500px;
  width: 100%;
}
body .modal-slider-images-content .modal-content .owl-carousel .slider-image-container img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 3px;
}
body .modal-slider-images-content .modal-content .owl-carousel .owl-nav {
  height: 0;
}
body .modal-slider-images-content .modal-content .owl-carousel .owl-nav button {
  transition: 0.5s;
  outline: none;
  border: none;
  opacity: 0.5;
  color: #fff;
  margin: 0;
}
body .modal-slider-images-content .modal-content .owl-carousel .owl-nav button .left-arrow {
  position: absolute;
  top: 50%;
  left: 0;
  color: #D8B97D;
  transform: rotate(180deg);
}
body .modal-slider-images-content .modal-content .owl-carousel .owl-nav button .right-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  color: #D8B97D;
}
body .modal-slider-images-content .modal-content .owl-carousel .owl-stage-outer {
  position: relative;
}
@media (max-width: 768.98px) {
  body .modal-content .owl-carousel .slider-image-container {
    height: 400px;
  }
}
@media (max-width: 425.98px) {
  body .modal-content .owl-carousel .slider-image-container {
    height: 300px;
  }
}