.video-wrapper {
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 100%;
}

/* Basic Plyr YouTube video styling */
.plyr__video-embed {
  width: 100%;
  height: auto;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

.plyr__video-embed iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* Customize the overlaid play button to match your design */
.plyr--video .plyr__control--overlaid {
  background-color: #e96822;
  border-radius: 0px;
}

.plyr--video .plyr__control--overlaid:hover {
  opacity: 1;
  background-color: #e96822 !important;
}

/* Remove hover borders from all Plyr controls */
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: #0072e3;
}

.plyr input[type="range"] {
  --plyr-range-fill-background: #0072e3; /* filled portion */
}

.plyr--hide-extra-controls .plyr__controls > :not(.plyr__control.plyr__control--overlaid[data-plyr="play"]) {
  display: none;
}

.video-styled-player .plyr--video::after,
.video-styled-player .plyr--video .plyr__video-wrapper::after {
  display: none;
}

.video-styled-player .plyr--video .plyr__controls {
  background: none;
}
