body {
            background: linear-gradient(180deg, rgba(255, 106, 0, 0.51) 0%, rgba(250, 222, 0, 0.49) 48%, rgba(255, 184, 0, 1) 100%);
        }

        .card {
            background-color: #fff;
            border: 1px solid #8b4513;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        .card-header {
            background-color: #006400;
            color: #fff;
            border-bottom: 1px solid #8b4513;
        }

        .card-body {
            padding: 20px;
        }

        .form-check-input:checked {
            background-color: #006400;
            border-color: #006400;
        }

        .form-check-input:checked:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 100, 0, 0.5);
        }

        .formm-control,
        .custom-select {
            border-radius: 25px;
            width: 200px;
        }

        .masonry {
            column-count: 4;
            column-gap: 1em;
        }

        .masonry-item {
            position: relative;
            break-inside: avoid;
            margin-bottom: 1em;
            overflow: hidden;
            border-radius: 8px;
            transition: transform 0.3s ease-in-out;
        }

        .masonry-item img {
            width: 100%;
            display: block;
            border-radius: 8px;
            transition: transform 0.3s ease-in-out;
        }

        .masonry-item:hover img {
            transform: scale(1.1);
        }

        .modal-content {
            border-radius: 8px;
        }

        .carousel-item img {
            width: 100%;
            height: 400px;
            object-fit: cover;
            border-radius: 8px;
        }

        @media (max-width: 1200px) {
            .masonry {
                column-count: 3;
            }
        }

        @media (max-width: 992px) {
            .masonry {
                column-count: 2;
            }
        }

        @media (max-width: 768px) {
            .masonry {
                column-count: 1;
            }
        }