/* CSS for the parallax effect */
      /* Animation for the parallax effect */
    @keyframes parallaxEffect {
      0% {
        background-position: center top;
      }
      100% {
        background-position: center bottom;
        }
      }
      
    .parallaxBottom {
      /* Set a specific height for the parallax container */
      height: 100px;
      
      /* Create the parallax scrolling effect */
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      opacity: 100%;
      
    }
      
    .parallax {
      /* Set a specific height for the parallax container */
      height: 210px;
     
      /* Create the parallax scrolling effect */
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      animation: parallaxEffect 20s ease-in-out ;
      opacity: 100%;
      
        

    } 

        .videocontainer {
        width: 1000px;
        overflow: hidden;
        display: block;
        height: 150px;
        align-content: center;    
          }
      
      .bgVideo {
        margin-top: -235px;
        position:relative;
        width: 1000px;
        opacity: 100%;
        
       
                
      }
      
      .linking {
       font-size: 30px;
       color:#1c5340;      
       text-decoration: none;
       text-decoration-color:#18162e;
       font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";       
      }
      
      .linking2 {
       font-size: 20px;      
       color:#1c5340;      
       text-decoration: none;
       text-decoration-color:#18162e;
       font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";       
      }
      
      .linking3 {
       font-size: 20px;      
       color:#FFFFFF;      
       text-decoration: none;
       text-decoration-color:##1c5340;
       font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";       
      }
            
    .h1  {
        padding: 5px;
        color:#1c5340;
        line-height: 100%;
        font-size:50px;
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
        font: bolder;
      }
      
      .h2  {
          
        padding: 5px;
        color:#18162e;
        line-height: 100%;  
        font-size:30px;
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
        font: bolder;
      }
      
      .standard_text  {
        color: black;
        width: 800px  
        font-size:20px;
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
        font: normal;
        text-align: center;
        line-height: 120%;  
        text-justify: inter-word;
        
      }
        
      .field {
        margin: auto;
        width: 600px;
        font-size: 17px;
        text-align: center;
        line-height: 100%; 
        align-content: center;
        color: black;
        float: none;
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";  
        
           
          
      }
  
        
    
          
     
    
    .content {
      text-align: center;
      color: white;
      align-content: center;
        
    }

      .content_dark {
      padding-top: 160px;          
      color:#000000;
      align-content: center;
      font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
      font-size:20px;
      font: normal;
      text-align: left;
    }

.content_dark2 {
      padding-top: 160px;          
      color:#000000;
      align-content: center;
      font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
      font-size:20px;
      font: normal;
      text-align:center;
    }

     
      .fixed {
      align-content: center;
      margin: auto;
      margin-top: -20px;      
      width: 1000px;
      height: auto;      
      

          
      }  
      
      .scrollsite {
      position: relative;
      align-content: center;
      z-index: 0;
            
          
      }
      
      .language {
          font-size:18px;
          z-index: 100;
          width: auto;
          position: absolute;
          margin-left: 50px;
          margin-top: 50px;
          color:#FFFFFF;      
          text-decoration: none;
          text-decoration-color:#1c5340;
          font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
          
          
      }
      
      .start {
      height: 210px;
      }
       
    .logoheader {
      padding-top: 10px;      
      width: 1000px;
      margin: auto;    
      z-index: 99;
      position: fixed;
      text-align: center;
      align-content: center;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url('../images_/vm_bg_gradient.png'); 
         
    }
      
      .social {
        position: absolute;
        width: 180px;
        height: 50px;
        margin-left: 700px;
        top: 45px;
       
           }


        .icon1 {
        position: absolute;
        width: 50px;
        height: 50px;
        margin-left:0px;
           }


        .icon2 {
        position: absolute;
        width: 50px;
        height: 50px;
        margin-left:60px;
           }


        .icon3 {
        position: absolute;
        width: 50px;
        height: 50px;
        margin-left:120px;
           }




      .logo {
        padding: 10px;  
        height:100px;
        align-content:center;
       
          } 
      
      .qr{
        padding: 10px;  
        height:400px;
        align-content:center; 
      }
      
      
    .gfx_process {
        width:150px;
        align-content:center;      
          
      }  
      
      .seperator {
      padding: 10px;
      width: auto;
      text-align: center;
      background-position: center;
      background-repeat:no-repeat;
      
      background-image: url('../images_/vm_bg_gradient.png');
    }
      
      .menu {
      padding: 5px;
      text-align: center;
      background-color: white;
      max-height: 80px;
      font-size: 30px;
      font:bold;
      font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";    
      color:#1c5340;
      
    }
      
      .video {
      padding: 0px;
      height: 528px;
      width: 1000px;     
      text-align: center;
      color: white;
      align-content: center;
        
    }
      
      .table{
       width: 600px;
       align-content: center;
       text-align: center;       
          
       }
      
      .table_col{
       width: 200px;
       align-content: center;
       text-align: center;       
          
       }
/* __________________________________________________________________________________________*/
    /* Responsive styles */
    @media (max-width: 500px) {
      /* Adjust the height for smaller screens */
      .parallaxBottom {
        height: 30px;
        
        
      }
        
        .parallax {
        height: 150px;
        
      }
        
             
          .videocontainer {
        width: 330px;
        overflow: hidden;
        display: block;
        height: 80px;
        align-content: center;    
          }
      
      .bgVideo {
        margin-top: -70px;
        position:relative;
        width: 330px;
        opacity: 100%;
       
        }
     
      /* Adjust the font size for smaller screens */
        .h1 {
        font-size: 25px;
        line-height: 100%;    
        }
        
        .h2 {
        font-size: 18px;
        line-height: 100%;    
        }
        
        .standard_text {
        font-size: 10px;
        width: 300px;
        line-height: 100%;    
        }
        
        .menu {
            font-size: 15px;
        }
        
        .content {
        font-size: 16px;
        padding-top: 30px;
          
          
      }
        
         .content_dark {
        font-size: 16px;
        margin-top: 80px;  
          
      }
        
      
      .content_dark2 {
      padding-top: 180px;          
      font-size: 16px;
    }
        
      .scrollsite {
      position: relative;
      align-content: center;
      z-index: 0;
             
        }
        
     .linking {
       font-size: 12px;
       color:#1c5340;      
       text-decoration: none;
       text-decoration-color:#18162e;
       font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";       
      }
        
        .linking2 {
       font-size: 12px;
       color:#1c5340;      
       text-decoration: none;
       text-decoration-color:#18162e;
       font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";       
      }
        
        
        .linking3 {
       font-size: 10px;      
       color:#FFFFFF;      
       text-decoration: none;
       text-decoration-color:##1c5340;
       font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";       
      }
        
        .fixed {
      padding-top: 20px;
      align-content: center;
      width: 330px;

          
      }  
        .field {
        margin: auto;
        width: 330px;
        font-size: 10px;
        text-align: center;
        align-content: center;
        color: black;
        float: none;
        line-height: 100%;    
            
        }
         
        .language {
          font-size:10px;
          z-index: 100;
          width: auto;
          position: absolute;
          margin-left: 10px;
          margin-top: 10px;
          color:#FFFFFF;       
          text-decoration: none;
          text-decoration-color:#1c5340;
          font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
          
      }
        
        .start {
        height: 90px;
        
      }
       
        
       .logoheader {
        width: 330px;
        height: 80px;
      }
       
        
      .social {
        position: absolute;
        width: 90px;
        height: 50px;
        margin-left: 200px;
        top: 15px;
       
           }

         .icon1 {
        position: absolute;
        width: 25px;
        height: 25px;
        margin-left:0px;
           }
        
         .icon2 {
        position: absolute;     
        width: 25px;
        height: 25px;
        margin-left:30px;
           }
        
         .icon3 {
        position: absolute;     
        width: 25px;
        height: 25px;
        margin-left:60px;
           }
        
        
      .logo {
      height:50px;
      align-content:center;
          
      } 
        
        .qr{
        padding: 10px;  
        height:200px;
        align-content:center; 
      }
        
    .gfx_process {
        width:80px;
        align-content:center;      
          
      }
      
      .seperator {
     
      }
      
      .video {
      width: 330px;
      height: 180px;
      }  
        
    }