.gallery {
            display: flex;
			justify-content: center; 
            gap: 10px;
            margin: 20px 0; 
 
        }

        .gallery img {
            cursor: pointer;
            border-radius: 5px;
            transition: transform 0.3s;
			max-width:200px
        }

        .gallery img:hover {
            transform: scale(1.1);
        }

        .lightbox {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s, visibility 0.3s;
            z-index: 9999;
        }

        .lightbox.active {
            opacity: 1;
            visibility: visible;
        }

        .lightbox img {
            max-width: 90%;
            max-height: 80%;
            border-radius: 5px;
        }

        .lightbox .prev, .lightbox .next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            font-size: 2rem;
            color: white;
            background: rgba(0, 0, 0, 0.5);
            border: none;
            cursor: pointer;
            padding: 10px;
            border-radius: 50%;
        }

        .lightbox .prev {
            left: 10px;
        }

        .lightbox .next {
            right: 10px;
        }

        .lightbox .close {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 1.5rem;
            color: white;
            background: rgba(0, 0, 0, 0.5);
            border: none;
            cursor: pointer;
            padding: 5px 10px;
            border-radius: 5px;
        }


        .lightbox .close {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 1.5rem;
            color: white;
            background: rgba(0, 0, 0, 0.5);
            border: none;
            cursor: pointer;
            padding: 5px 10px;
            border-radius: 5px;
        }

@media (max-width: 810px) {
 
		.gallery {
            display: inline-block; 
			text-align:center;
 
        }

        .gallery img {
            margin: 12px 0 10px 0;
			max-width:100%;
        }
}