body {
     
      /* background-image: url('https://reportingmadeeasy.com/wp-content/uploads/2023/03/Denver-Mountains-jpeg.jpeg'); 
      background-image: url('https://portal.reportingmadeeasy.com/wp-content/uploads/2023/12/aerial-view-over-lake-ferril-copy.png');
	    background-repeat: no-repeat;
	    background-size:cover;
		background-color:#000;*/
	  
    }
/* 
    #radius-shape-1 {
      height: 220px;
      width: 220px; 
      top: -60px;
      left: -130px;
      background: radial-gradient(#44006b, #ad1fff);
      overflow: hidden;
    } 

    #radius-shape-2 {
      border-radius: 38% 62% 63% 37% / 70% 33% 67% 30%;
      bottom: -60px;
      right: -110px;
      width: 300px;
      height: 300px;
      background: radial-gradient(#44006b, #ad1fff);
      overflow: hidden;
    }
	
*/
    .bg-glass {
      background-color: hsla(0, 0%, 100%, 0.6) !important;
    }
	
	.side-text{
		 background-color: hsl(218, 41%, 15%);
		
	      backdrop-filter: saturate(200%) blur(25px);
	
		
	}
	
.justify-content-center{
text-align:center;
}	
	
	
/*	
#ACPBackgroundlogin {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

*/

body, html {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            overflow: hidden; /* Prevents scrollbars from the video */
            font-family: Arial, sans-serif; /* Example font */
        }

        /* Container for the video, fixed to the background */
        #video-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1; /* Puts the video behind other content */
            overflow: hidden; /* Ensures no overflow from the iframe itself */
            background-color: #000; /* Fallback color if video fails to load */
        }

        /* Styling for the iframe to make it cover the area */
        #video-background iframe {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100vw; /* Viewport width */
            /* Calculate height based on 16:9 aspect ratio (9 / 16 * 100 = 56.25) */
            height: 56.25vw; 
            
            /* Ensure it covers taller screens (portrait orientation) */
            min-width: 177.77vh; /* 16 / 9 * 100 */
            min-height: 100vh; /* Viewport height */
            
            transform: translate(-50%, -50%); /* Centers the video */
            pointer-events: none; /* Allows clicks to pass through to content underneath */
        }

        /* Example content styling */
        .content {
            position: relative; /* To ensure it's above the z-index: -1 video */
            z-index: 1;
            color: white;
            text-align: center;
            padding-top: 20%;
            font-size: 2em;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
        }

        /* Mobile responsiveness for content (optional) */
        @media (max-width: 768px) {
            .content {
                font-size: 1.5em;
                padding-top: 30%;
            }
        }