.carousel-director-modal .modal-content {
    border-radius: 0;
    border: 0;
  }
  .carousel-director-modal .modal-body {
    padding: 70px;
    position: relative;
  }
  @media (max-width: 1199.98px) {
    .carousel-director-modal .modal-body {
      padding: 40px;
    }
  }
  @media (max-width: 991.98px) {
    .carousel-director-modal .modal-body {
      padding: 100px 25px;
    }
  }
  .carousel-director-modal .director-popup-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    /* -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; */
    
  }
  @media (max-width: 991.98px) {
    .carousel-director-modal .director-popup-wrap {
      display: block;
      height: auto;
    }
  }
  .carousel-director-modal .modal-dialog {
    max-width: 1100px;
    width: 95%;
  }
  @media (max-width: 575.98px) {
    .carousel-director-modal .modal-dialog {
      width: 100%;
      margin: 0;
    }
  }
  .carousel-director-modal .left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 34%;
            flex: 0 0 34%;
    max-width: 34%;
  }
  @media (max-width: 991.98px) {
    .carousel-director-modal .left {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
    }
  }
  .carousel-director-modal .left > img {
    width: 100%;
  }
  .carousel-director-modal .left figure {
    position: relative;
    max-width: 300px;
  }
  .carousel-director-modal .left figure img{
    width: 100%;
  }
  .carousel-director-modal .right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66%;
            flex: 0 0 66%;
    max-width: 66%;
    height: 420px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .carousel-director-modal .right::-webkit-scrollbar{
      display: none;
  }
  @media (max-width: 991.98px) {
    .carousel-director-modal .right {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
      padding-top: 40px;
      height: auto;
    }
  }

  @media (max-width: 480px) {
    .carousel-director-modal .left figure {
        max-width: 100%;
    }
  }
  
  .carousel-director-modal .close {
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 40px;
    font-weight: 100;
    color: #7C7C7C;
    opacity: 1;
  }
  .carousel-director-modal .close:hover{
    opacity: 0.6;
  }
  .carousel-director-modal p {
    color: #000;
  }
  .carousel-director-modal .slider-arrow {
    position: absolute;
    right: -30px;
    bottom: -120px;
  }
  @media (max-width: 1199.98px) {
    .carousel-director-modal .slider-arrow {
      right: 15px;
    }
  }
  @media (max-width: 991.98px) {
    .carousel-director-modal .slider-arrow {
      right: 30px;
      bottom: -70px;
    }
  }
  .carousel-director-modal .slider-arrow a {
    position: relative;
  }
  .carousel-director-modal .slider-arrow .carousel-control-prev:after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border-left: 2px solid #ADADAD;
    border-bottom: 2px solid #ADADAD;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .carousel-director-modal .slider-arrow .carousel-control-next:after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border-bottom: 2px solid #ADADAD;
    border-right: 2px solid #ADADAD;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    margin-right: -45px;
  }
  .carousel-director-modal .slider-arrow .carousel-control-prev-icon, .carousel-director-modal .slider-arrow .carousel-control-next-icon {
    display: none;
  }
  .carousel-director-modal .num {
    color: #fff;
    position: absolute;
    left: -70px;
    bottom: -12px;
    font-size: 14px;
  }
  @media (max-width: 991.98px) {
    .carousel-director-modal .num {
      color: #d6d6d6;
    }
  }
  .carousel-director-modal .slide {
    height: auto;
    overflow: visible;
  }
  
  .modal-backdrop.show {
    opacity: 0.9;
  }