.gallery-container {         
		display: flex;         
		justify-content: space-between;           
		flex-wrap: wrap;       
		max-width: 1200px;      
		margin: 20px auto;    
	}    
	
	.gallery-item {            
		width: 30%;         
		margin-bottom: 20px;            
		position: relative;            
		overflow: hidden;        
	}
	
	.gallery-item img {            
		width: 100%;
    max-width: 600px;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    cursor: pointer;
	}
	.gallery-item:hover img {          
		transform: translateY(10px);           
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);     
	}
	
	.modal {       
		display: none;      
		position: fixed;            
		top: 0;    
		left: 0;            
		width: 100%;         
		height: 100%;           
		background-color: rgba(0, 0, 0, 0.8);          
		justify-content: center;      
		align-items: center;      
	}
	
	.modal img {       
		width: 70%;            
		height: auto;         
		border-radius: 8px;           
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	}
	.close-btn {           
		position: absolute;   
		top: 10px;
		right: 10px;            
		color: #fff;         
		font-size: 20px;       
		cursor: pointer;  
	}