/* Extracted from index.php (was inline <style> block(s)) */

                .button1 {
                  background-color: #000;
                  -webkit-border-radius: 10px;
                  border-radius: 10px;
                  border: none;
                  color: #FFFFFF;
                  cursor: pointer;
                  display: inline-block;
                  font-family: Arial;
                  font-size: 20px;
                  padding: 8px 13px;
                  text-align: center;
                  text-decoration: none;
                
                }
                
                
                
                .button2 {
                  background-color: #cc4499;
                  -webkit-border-radius: 10px;
                  border-radius: 10px;
                  border: none;
                  color: #FFFFFF;
                  cursor: pointer;
                  display: inline-block;
                  font-family: Arial;
                 /* font-size: 20px;*/
                  padding: 3px 4px;
                  text-align: center;
                  text-decoration: none;
                  -webkit-animation: glowing 1500ms infinite;
                  -moz-animation: glowing 1500ms infinite;
                  -o-animation: glowing 1500ms infinite;
                  animation: glowing 1500ms infinite;
                }
                @-webkit-keyframes glowing {
                  0% { background-color: #FF0100; -webkit-box-shadow: 0 0 3px #FF0100; }
                
                  10% { background-color: #FF0100; -webkit-box-shadow: 0 0 3px #FF0100; }
                }
                
                @-moz-keyframes glowing {
                  0% { background-color: #FF0100; -moz-box-shadow: 0 0 3px #FF0100; }
                
                  10% { background-color: #FF0100; -moz-box-shadow: 0 0 3px #FF0100; }
                
                }
            

    /* Ensure video fills the slide properly */
    .rev_slider li {
        position: relative;
        overflow: hidden;
        height: 700px; /* Adjust as needed */
    }
    
    .rev_slider li video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        transform: translateX(-50%) translateY(-50%);
        object-fit: cover;
        z-index: 0;
    }
    
    /* Ensure content is above video */
    .rev_slider li .tp-caption {
        position: relative;
        z-index: 2;
    }
    
    /* Mobile responsiveness */
    @media only screen and (max-width: 768px) {
        .rev_slider li {
            height: 400px;
        }
        
        .slide-content-box h1 {
            font-size: 24px !important;
            padding: 4px 8px !important;
        }
        
        .button2 a {
            font-size: 20px !important;
            padding: 15px !important;
        }
        
        .button2 a i {
            font-size: 20px !important;
        }
    }
    
    @media only screen and (max-width: 480px) {
        .rev_slider li {
            height: 300px;
        }
        
        .slide-content-box h1 {
            font-size: 16px !important;
        }
        
        .button2 a {
            font-size: 14px !important;
            padding: 10px !important;
        }
        
        .button2 a i {
            font-size: 14px !important;
        }
    }
    
    /* Fallback for browsers that don't support video */
    .rev_slider li video img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }