.vizion-popup-video {
  position: relative;

}


/* Style - 1 */

.vizion-popup-video.vizion-video-style-1 .vizion-video-icon i
{ 
  color: var(--color-theme-white);    
  font-size: var(--font-size-body);
}
.video-position-center .vizion-video-style-1 .vizion-video-img
{
  justify-content: center;
}
.video-position-right .vizion-video-style-1 .vizion-video-img
{
  justify-content: flex-end; 
}
.vizion-popup-video.vizion-video-style-1 .vizion-video-icon .vizion-video.popup-youtube svg ,
.vizion-popup-video.vizion-video-style-1 .vizion-video-icon .vizion-video.popup-youtube img {
  width: 50px;
    height: 50px;
    position: absolute; 
    top: 50%;
    left: 50%;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transform: translate(-50%, -50%);
}
.vizion-popup-video.vizion-video-style-1 .vizion-video-icon .vizion-video.popup-youtube {
  display: inline-block;
  position: relative; 
  border-radius: 50%; 
  height: 80px; 
  width: 80px;
  line-height: 80px;
  z-index: 3; 
  text-align: center; 
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  background-color: var(--color-theme-primary); 
}
.vizion-popup-video.vizion-video-style-1  .vizion-video-img
{
  display: flex;
  align-items: center;
}
.vizion-video-style-1 .video-text a{
  color: var(--global-font-title);
  font-size: var(--font-size-h5);  
  font-family: var(--highlight-font-family);
  padding-left: 32px;
  font-weight: var(--font-weight-medium);

}

/* Style - 2 */

.vizion-popup-video.vizion-video-style-2 {
  position: static;
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
}
.vizion-popup-video.vizion-video-style-2 .vizion-play-btn{
  position: relative;
  width: 200px;
  height: 200px;
  display: inline-block;
}

.vizion-popup-video.vizion-video-style-2 .vizion-play-btn a.vizion-video.popup-youtube{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
   background:var(--color-theme-white);
   color: var(--color-theme-primary);
    width: 80px;
    height: 80px;
    text-align: center;  
    line-height: 80px; 
    border-radius: 100%;
    z-index: 1;
}
.vizion-popup-video.vizion-video-style-2 .vizion-waves {
   position: absolute; 
   width: 200px; 
   height: 200px; 
   z-index: 0;
   top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}
  .vizion-popup-video.vizion-video-style-2 .vizion-play-btn .vizion-video.popup-youtube i ,
  .vizion-popup-video.vizion-video-style-2 .vizion-play-btn .vizion-video.popup-youtube svg{
    font-size: 16px;
    position: absolute;
    top: 50%; 
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
  }
 .vizion-popup-video.vizion-video-style-2 .vizion-waves .waves {
    position: absolute; 
    width:200px;
    height:200px;  
    background: rgba(255 255 255 / 20%);
    opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
    border-radius: 320px; 
    background-clip: padding-box; 
    -webkit-animation: waves 3s ease-in-out infinite; 
    animation: waves 3s ease-in-out infinite; }
 .vizion-popup-video.vizion-video-style-2 .vizion-waves .wave-1 { -webkit-animation-delay: 0s; animation-delay: 0s; }
 .vizion-popup-video.vizion-video-style-2 .vizion-waves .wave-2 { -webkit-animation-delay: 1s; animation-delay: 1s; }
 .vizion-popup-video.vizion-video-style-2 .vizion-waves .wave-3 { -webkit-animation-delay: 2s; animation-delay: 2s; }
 .vizion-video-style-2 .video-text a{
  color: var(--global-font-title);
  font-size: var(--font-size-h5); 
  font-family: var(--highlight-font-family);
  font-weight: var(--font-weight-medium);
 } 
@-webkit-keyframes waves {
  0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
  100% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
}
@keyframes waves {
  0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
  }
  100% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
  }
}