/* responsive breakpoints */
.container {
  padding: 0;
  margin: 0 auto; }
  @media (max-width: 991.98px) {
    .container {
      padding: 0 16px !important; } }

.pdplus-component {
  position: relative; }
  @media (max-width: 768.98px) {
    .pdplus-component {
      padding-left: 0 !important;
      padding-right: 0 !important; } }
  .pdplus-component.pdplus-3r-1c [class*=experience-pd_], .pdplus-component.pdplus-2r-1c [class*=experience-pd_] {
    height: 100%; }
  .pdplus-component .background-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
    .pdplus-component .background-img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    .pdplus-component .background-img span {
      width: 100%;
      height: 100%;
      background: rgba(1, 17, 38, 0.7);
      position: absolute;
      left: 0;
      top: 0; }

.pdplus-grid-1r-1c .container-fluid .region,
.pdplus-grid-1r-2c .container-fluid .region {
  padding: 0; }

.pdplus-grid-1r-1c .background-img,
.pdplus-grid-1r-2c .background-img {
  width: 100%;
  left: 0;
  right: 0; }