.modal-margin-0 {
  margin-left: 0vw;
  margin-right: 0vw;
}

.modal-margin-1 {
  margin-left: 1vw;
  margin-right: 1vw;
}

.modal-margin-2 {
  margin-left: 2vw;
  margin-right: 2vw;
}

.modal-margin-3 {
  margin-left: 3vw;
  margin-right: 3vw;
}

.modal-margin-4 {
  margin-left: 4vw;
  margin-right: 4vw;
}

.modal-margin-5 {
  margin-left: 5vw;
  margin-right: 5vw;
}


.modal-spacing-h0 {
  min-height: 0vh;
}

.modal-spacing-h1 {
  min-height: 1vh;
}

.modal-spacing-h2 {
  min-height: 2vh;
}

.modal-spacing-h3 {
  min-height: 3vh;
}

.modal-spacing-h4 {
  min-height: 4vh;
}

.modal-spacing-h5 {
  min-height: 5vh;
}

.center-content {
  justify-content: center;
}


/**/

/* image zoom */
.medium-zoom-overlay{
  z-index: 998 !important;
}
  
.medium-zoom-image{
  z-index: 999 !important;
}


/* Carousel stroke */
.text-stroke {
  text-shadow: var(--text-shadow-high);
  font-size: 0.9em;
}

.carousel-control-next-icon, .carousel-control-prev-icon{
  box-shadow: var(--text-shadow);
  width: 35px !important;
  height: 35px !important;
  border-radius: 17px;
  background-size: 50% !important;
  background-color: #8282828c !important;
}

.carousel-control-next, .carousel-control-prev {
  opacity: 1 !important;
}

.carousel-control-next:hover, .carousel-control-prev:hover {
  background-color: #ffffff12;
}
.carousel-control-next:hover{
  box-shadow: -2px 0px 10px black;
}

.carousel-control-prev:hover {
  box-shadow: 2px 0px 10px black;
}

.carousel-indicators li{
  box-shadow: var(--text-shadow);
  height: 10px !important;
  width: 10px !important;
  border-top: 0px !important;
  border-bottom: 0px !important;
  border-radius: 5px;
}

.carousel-caption {
  padding-bottom: 0px !important;
}

.carousel-img { 
  height: 400px;
  width: 100%;
  object-fit: contain;
}