
   .gallery-container {
            padding: 2rem;
            margin-top: 100px;
        }
        
        .gallery-item {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            margin-bottom: 1.5rem;
            cursor: pointer;
            transition: transform 0.3s ease;
        }

        .gallery-item:hover {
            transform: scale(1.02);
        }

        .gallery-item img {
            width: 100%;
            height: 250px;
            object-fit: cover;
        }

        .modal-content {
            background-color: transparent;
            border: none;
        }

        .modal-body {
            padding: 0;
            position: relative;
        }

        .modal-body img {
            width: 100%;
            max-height: 80vh;
            object-fit: contain;
        }

        .download-btn {
            position: absolute;
            top: 15px;
            right: 15px;
            background-color: rgba(106, 27, 154, 0.8);
            color: white;
            border: none;
            padding: 8px 15px;
            border-radius: 5px;
            transition: all 0.3s ease;
        }

        .download-btn:hover {
            background-color: rgba(106, 27, 154, 1);
        }

        .gallery-title {
            color: #6a1b9a;
            text-align: center;
            margin-bottom: 2rem;
            font-weight: bold;
        }

        .gallery-description {
            text-align: center;
            margin-bottom: 3rem;
            color: #666;
        }

        .fade-out {
            opacity: 0;
            pointer-events: none;
        }

        .loader-wrapper {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: white;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            transition: opacity 0.5s;
        }

        .loader-logo {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            margin-bottom: 20px;
        }

