
.grey-wrapper {
  background-color: #f1f1f1;
  width: 100%;
  padding: 75px 0 125px 0;
}

.hed-and-dek {
  width: 1130px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.hed-and-dek h3 {
  text-transform: uppercase;
  font-family: "Open Sans";
  font-weight: bold;
  font-size: 15px;
  line-height: 60px;
  text-align: center;
  color: #33739f;
}
.hed-and-dek p {
  font-family: "Open Sans";
  margin-bottom: 0;
  font-size: 23px;
  line-height: 38px;
  text-align: center;
  color: #2e2e2e;
}

.video-grid {
  width: 1130px;
  margin: 0 auto;
  display: flex;
  gap: 1rem;
}
.video-grid .video {
  width: 100%;
  border: 1px solid #9b9b9b;
}
.video-grid .video .poster-image iframe {
  width: 100%;
}

:root {
  --plyr-color-main: #464e7d;
  --plyr-video-background: black;
  --plyr-video-control-color: black;
  --plyr-video-control-background-hover: #efefef;
}

.plyr.plyr--paused .plyr__controls {
  display: none;
}

.plyr__control.plyr__control--overlaid {
  border-radius: 50% !important;
  padding: 20px !important;
  background-color: rgba(255, 255, 255, 0.754) !important;
}

.plyr__control[data-plyr=play] svg {
  fill: black;
}

.plyr__controls .plyr__control svg {
  fill: white;
}

.plyr__time {
  color: white;
  font-family: "Open Sans", sans-serif;
}

.plyr__caption {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
}

.plyr__video-embed__container iframe .vp-captions {
  display: none !important;
}

@media only screen and (max-width: 1200px) {
  .video-grid,
.hed-and-dek {
    width: calc(100% - 70px);
    padding: 0 35px;
  }
}
@media only screen and (max-width: 800px) {
  .video-grid {
    flex-direction: column !important;
    column-gap: 50px;
    align-items: center;
  }
  .video-grid .video {
    width: 100%;
  }
}/*# sourceMappingURL=video-solution.css.map */