.custom-player-container iframe, .custom-player-container .iframe {
  width: 100%;
  height: 100%;
  min-height: 500px;
  border-radius: 6px;
}
.thumbnails {
  display: flex;
  gap: 30px;
  margin-top: 40px;
}
.custom-player-container .thumbnail .date,
.videos-wrap .thumbnail .date{
  color: #D71F2E;
  font-size: 15px;
  font-weight: bold;
  margin-top: 10px;
}
.custom-player-container .thumbnail .title {
  color: white;
}
.thumbnail-list h3 {
  color: white;
  margin-bottom: 57px;
}
.thumbnail-list img {
  border-radius: 6px !important;
}
.thumbnail-list .thumbnail {
  max-width: 190px;
  width: 100%;
}
.thumbnail-list .thumbnail a:hover .title {
  opacity: .8;
}
.thumb-img svg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.thumb-img {
  position: relative;
  display: inline-block;
}
.thumb-img img {
  border-radius: 6px;
}
.iframe button::before {
  background: red;
  width: 17px;
  height: 17px;
  border-radius: 100%;
  display: inline-block;
  content: "";
}
.iframe button {
  font-size: 18px;
  color: white;
  gap: 10px;
  border: 2px solid;
  border-radius: 50px;
  padding: 10px 22px;
  margin-bottom: 35px;
}
.videos-wrap {
  display: grid;
  gap: 20px 45px;
  grid-template-columns: auto auto auto auto;
}
.dailymotion-videos .popup {
  position: fixed;
  z-index: 99;
  bottom: 30px;
  right: 30px;
  border-radius: 6px;
}
.thumbnail-list .button {
  color: white;
  border: 2px solid;
  border-radius: 60px;
  padding: 12px 30px;
  margin-bottom: 30px;
  display: inline-block;
  font-weight:600;
  transition: all .3s;
  -webkit-transition: all .3s;
}
.thumbnail-list .button:hover,
.iframe button:hover{
  background-color: var( --e-global-color-primary );
  border-color: var( --e-global-color-primary );
}
.iframe button{

  transition: all .3s;
  -webkit-transition: all .3s;
}
#main-player-title {
  color: white;
  font-weight: bold;
  font-size: 28px;
  margin-top: 14px;
}