#interiorSheenDrawer[style] {
  padding-right: 0px !important;
}
#interiorSheenDrawer .modal .show {
  display: block;
  padding-right: 0px;
}

#exteriorSheenDrawer[style] {
  padding-right: 0px !important;
}
#exteriorSheenDrawer .modal .show {
  display: block;
  padding-right: 0px;
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
#interiorSheenDrawer .modal-dialog, #exteriorSheenDrawer .modal-dialog {
  margin: 0;
}
#interiorSheenDrawer .animated, #exteriorSheenDrawer .animated  {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
#interiorSheenDrawer .modal-header, #exteriorSheenDrawer .modal-header {
  border-radius: 0;
  background-color: #f6f5f0;
  border-color: #f6f5f0;
  align-items: center;
  padding: 1.2rem;
}

#interiorSheenDrawer .modal-content, #exteriorSheenDrawer .modal-content {
  border-radius: 0;
  border: 0;
  -webkit-box-shadow: -12px 0 38px -14px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: -12px 0 38px -14px rgba(0, 0, 0, 0.25);
  box-shadow: -12px 0 38px -14px rgba(0, 0, 0, 0.25);
  background-clip: padding-box;
  height: 100vh;
  /* overflow-y: scroll; */
  overflow-y: auto;
}
#interiorSheenDrawer .modal-content, #exteriorSheenDrawer .modal-content {
  background: var(--primaryBackgroundColor);
}
.example-open .modal-backdrop {
  background-color: black !important;
  opacity: 0.8 !important;
}

.modal-header.bg-custom {
  background: #f6f5f0;
  border-bottom: 1px solid #dee2e6 !important;
  box-shadow: 1px 10px 8px -11px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 1px 10px 8px -11px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 10px 8px -11px rgba(0, 0, 0, 0.75);
}
.modal-header.bg-custom i {
  color: #465058;
}

.img-buttons-section {
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    right: 0;
    left: 0;
    margin: auto;
    width: 70px;
    height: 70px;
    -webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.75);
}

.pause-video {
    display: none;
}
.img-content {
    position: relative;
}