/*
        |--------------------------------------------------------------------------
        | Gallery Card
        |--------------------------------------------------------------------------
        */

        .gallery-card {

            border: 0;

            border-radius: 12px;

            overflow: hidden;

            background: #fff;

            box-shadow:
                0 3px 12px rgba(0, 0, 0, .08);

            transition: all .3s ease;

            height: 100%;

        }


        .gallery-card:hover {

            transform: translateY(-5px);

            box-shadow:
                0 10px 25px rgba(0, 0, 0, .15);

        }


        /*
        |--------------------------------------------------------------------------
        | Image
        |--------------------------------------------------------------------------
        */

        .image-container {

            position: relative;

            overflow: hidden;

        }


        .gallery-thumbnail {

            width: 100%;

            height: 220px;

            object-fit: cover;

            transition: transform .4s ease;

        }


        .gallery-card:hover .gallery-thumbnail {

            transform: scale(1.05);

        }


        /*
        |--------------------------------------------------------------------------
        | Google Photos Badge
        |--------------------------------------------------------------------------
        */

        .google-badge {

            position: absolute;

            top: 12px;

            right: 12px;

            background: rgba(0, 0, 0, .7);

            color: #fff;

            padding: 5px 10px;

            border-radius: 20px;

            font-size: 12px;

        }


        /*
        |--------------------------------------------------------------------------
        | Category Buttons
        |--------------------------------------------------------------------------
        */

        .category-btn {

            margin: 3px;

        }


        /*
        |--------------------------------------------------------------------------
        | Heading
        |--------------------------------------------------------------------------
        */

        .gallery-heading {

            font-weight: 700;

        }


        /*
        |--------------------------------------------------------------------------
        | Mobile
        |--------------------------------------------------------------------------
        */

        @media (max-width: 576px) {

            .gallery-thumbnail {

                height: 200px;

            }

        }