/* Slide-up container styles */  
    .slideup-container {  
        position: fixed;  
        bottom: -100%;  
        left: 0;  
        right: 0;  
        z-index: 9999;  
        transition: bottom 0.5s ease-in-out;  
        box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.3);  
        display: flex; /* Added for centering */  
        justify-content: center; /* Added for centering */  
        align-items: flex-end; /* Added to keep it at the bottom */  
    }  
  
    .slideup-container.active {  
        bottom: 0;  
    }  
  
    .slideup-overlay {  
        position: fixed;  
        top: 0;  
        left: 0;  
        right: 0;  
        bottom: 0;  
        background: rgba(0, 0, 0, 0.5);  
        z-index: 9998;  
        display: none;  
        opacity: 0;  
        transition: opacity 0.3s ease-in-out;  
    }  
  
    .slideup-overlay.active {  
        display: block;  
        opacity: 1;  
    }  
  
    /* New styles for fixed width and centering */  
    .slideup-wrapper {  
        width: 100%; /* Take full width of flex container */  
        max-width: 700px; /* Set your desired max-width */  
        margin: 0 auto; /* Center the wrapper horizontally */  
        background: white;  
        position: relative; /* For positioning the close button */  
        max-height: 80vh;  
        overflow-y: auto;  
    }  
  
    .slideup-close {  
        position: absolute;  
        top: 15px;  
        right: 15px;  
        background: #dc3545;  
        color: white;  
        border: none;  
        border-radius: 50%;  
        width: 35px;  
        height: 35px;  
        font-size: 20px;  
        cursor: pointer;  
        z-index: 10;  
        line-height: 1.2;  
        transition: background 0.3s;  
    }  
  
    .slideup-close:hover {  
        background: #c82333;  
    }  
  
    /* Optional: Media query for smaller screens to make it full width again */  
    @media (max-width: 768px) {  
        .slideup-wrapper {  
            max-width: 100%; /* Full width on small screens */  
            margin: 0;  
        }  
    }  
	
	.form-slide {
		background-color:#f5f5f5;
		border: dashed 3px red;
		}
	
	.form-slide h3 {
		font-size: 36px; 
		color: rgb(87, 63, 147); 
		text-shadow: rgb(228, 232, 234) 1px 1px 3px;
		}
	
	.form-slide h5 {
		font-size: 22px; 
		color: rgb(51, 51, 51); 
		text-shadow: rgb(119, 119, 119) 0px 1px 3px;
		}