.careers-video__bgcolor {
  height: 100%;
  position: absolute;
  left: 0
}
.careers-video .video {
  border-radius: var(--xs-1)
}

.careers-video__media-inner.img-one {
  height: 16.8rem;
  width: 25.6rem
}
.careers-video__media-inner.img-two {
  height: 26.8rem;
  width: 16.1rem
}
.careers-video__media-inner.img-three {
  height: 19.3rem;
  width: 28.4rem
}
.careers-video__media-inner.img-four {
  display: flex
}
.careers-video__media-inner.img-five {
  height: 16.8rem;
  width: 16.1rem
}
.careers-video__media-inner.img-six {
  width: 26.6rem;
  height: 21.6rem
}
.careers-video .action-button {
  background-color: var(--primary-2);
  bottom: auto;
  right: var(--sm-2);
  font-size: 1.6rem;
  padding: var(--sm-3);
  color: var(--primary-1);
  position: absolute;
  top: var(--sm-3);
  transition: 0.3s all ease-in-out;
}
.careers-video .action-button:hover {
  scale: 1.2;
}
.careers-video__dotted-pattern .config-text__content p{
  color: var(--primary-1);
}
@media (aspect-ratio <= 16/9) {
  .careers-video .video {
    border-radius: var(--xs-1)
  }
  .careers-video .video--background {
    width: 100%
  }
}
.careers-video.section-dark .action-button {
  background-color: var(--primary-2);
  bottom: auto;
  right: var(--sm-2);
  font-size: 1.6rem;
  padding: var(--sm-3);
  color: var(--primary-1);
  position: absolute;
  top: var(--sm-3)
}
@media (min-width:992px) {
  .section-light .careers-video__dotted-pattern::before {
    top: 0%
  }
  .careers-video__media-inner img {
    border-radius: var(--xs-1)
  }
  .careers-video__dotted-pattern::before {
    content: url(/~/media/Images/I/inchcape/Corp/custom-components/career-video/career-module-dotss);
    position: absolute;
    top: 10%
  }
  .careers-video__bgcolor {
    height: 682px;
    position: absolute;
    left: 0
  }

  .careers-video__media-layout .careers-video__image-layout--last-image-layout {
    margin-left: 12rem
  }
  .careers-video__media-inner.img-four {
    height: 24.4rem;
    width: 37.3rem;
    transition: all .5s ease-in-out
  }
  .careers-video.active .img-four {
    height: 34.8rem;
    width: 53.2rem
  }
  .careers-video .video--background iframe {
    height: 117%;
    width: 117%
  }
}


@media (max-width: 767px){
  .modal .modal-content .modal-close-btn {
    width: 30px;
    right: 7%;
    position: absolute;
    background: 0 0;
    border: none;
    color: var(--base-5);
    padding: var(--sm-4);
    /* top: var(--sm-3); */
    top: 25%;
  }
  .careers-video {
    padding: 20px 0;
  }
}

#transforming .config-text__cta-wrapper .cta{
  background: var(--primary-1);
  color: var(--base-5);
}