.popup{
       
       background:#fff ;
       border-radius: 6px;
       position: absolute;
       top: 0;
       left: 50%;
       transform: translate(-50%,-50%) scale(0.1);
       text-align: center;
       padding: 0 30px 30px;
       color:#333;
       visibility: hidden;
       transition: transform 0.4s, top 0.4s;
       align-content: center;
       
   }
   .popup video{
       max-width: 100%;
          max-height: 100%;
        
        
       }
 .popup img{
      width: 80px;
      margin-top:-50px;
      border-radius: 50%;
      box-shadow: 0 2px 5px rbga(0,0,0,0.2);

        
        
       }
   .open-popup{
       visibility: visible;
       top:50%;
       transform: translate(-50%,-50%) scale(1);
   }
  
   .popup h1 {
       font-size: 25px;
       margin-top:15px;
   }
   @media(max-width: 575px){
    .popup{
        width:90%
       
    }
       .popup h1 {
       font-size: 90%;
       }
       .popup p{
           font-size: 80%;
       }
       .popup video{
          
          width: 80%;
         height: 80%;
        
       }
       .popup img{
        width:30%

        
        
       }
   }
   .popup button{
    cursor: pointer;
        margin-top: 15px;
        font-size: 14px;
        border-radius:18px;
        box-shadow: none;
        color: black;
        font-weight: 600;
        padding: 5px 10px  5px 10px;
   }