.carousel-modal-xl button {
  background-color: transparent;
  border: 0;
  color: rgb(150, 150, 150);
  font-family: 'BankGothicLTBT';
  font-weight: 300;
  font-size: 50px;
  position: absolute;
  right: 20px;
  top: 12px;
  z-index: 99;
}

@media only screen and (max-width: 992px) {
  .carousel-modal-xl button {
    right: 2px;
    top: 2px;
  
  }
}

#render,#render2 {
  background-color: #2D2D2D;
  padding: 20px;
}

#render .owl-carousel .owl-nav {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); */
    width: 100%;
    pointer-events: none;
    display: flex;
    align-items: center;

    justify-content: center;
    padding: 0 40px;
  }
  
  #render .owl-carousel .owl-nav div {
    outline: none;
    pointer-events: all;
    margin: 36px 40px 8px;
    width: 60px;
  }
  
  #render .owl-carousel .owl-nav div img {
    width: 100%;
  }


  @media only screen and (max-width: 992px) {

    #render .owl-carousel .owl-nav {
      padding: 0;
    }
    /* #render .owl-carousel .owl-nav div img {
      width: 50%;
    } */
}

  #render .owl-carousel .owl-nav div:nth-child(2) {
    transform: translateY(-1px) scale(1.3);
  }
  
  #render .owl-carousel .item {
    position: relative;
    opacity: 0.4;
    transition: 0.8s;
    /* height: 44vw;
    min-height: 300px; */
  }
  
  #render .owl-carousel .item img {
    object-fit: cover;
    width: 100%;
    height: 700px !important;
  }
  
  /* .owl-carousel.render2 .owl-stage{
    height: 600px;
  } */
  #render .owl-carousel .owl-stage-outer .owl-stage .owl-item.active {
    opacity: 1;
  }
  
  #render .owl-carousel .owl-stage-outer .owl-stage .owl-item.active .item {
    opacity: 1;
    transition: .4s;
  }