/*------------------------------------*\
    #PROJECTS GALERY
\*------------------------------------*/
.projects-gallery {
    padding: 110px 0;

    @media #{$maxTablet} {
        padding: 70px 0;
    }

    .project-panel {
        position     : relative;
        margin-bottom: 40px;
        transition   : 0.3s ease-in-out;

        @media #{$maxTablet} {
            max-width: 370px;
            margin   : 0 auto 40px;
        }

        &:hover {
            box-shadow: 0px 3px 63px 0px rgba(6, 52, 100, 0.11);

            .project-img {
                .project-zoom {
                    opacity   : 1;
                    visibility: visible;
                }
            }
        }

        .project-img {
            img {
                border-radius: 4px;
                object-fit   : cover;
                height       : 400px;
                width        : 100%;
            }

            .project-zoom {
                position       : absolute;
                top            : 50%;
                left           : 50%;
                transform      : translate(-50%, -50%);
                width          : 80px;
                height         : 80px;
                border-radius  : 50%;
                z-index        : 2;
                display        : flex;
                justify-content: center;
                align-items    : center;
                background     : var(--global--color-primary-alt);
                opacity        : 0;
                visibility     : hidden;
                transition     : 0.4s ease-in-out;
                color          : var(--global--color-white);
                font-size      : 20px;

                a {
                    position: absolute;
                    top     : 0;
                    left    : 0;
                    right   : 0;
                    width   : 100%;
                    height  : 100%;
                    z-index : 2;
                }
            }
        }
    }

    .btn {
        display: inline-flex;
        width  : 180px;
        height : 65px;
    }
}