.services {
            height: 200px !important;
        }
        
.service-link {
    display: block;
    color: #495057;
    text-decoration: none;
}

/* Image container */
.service-image {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.service-image img {
    display: block;
    width: 100%;
    height: auto;
}

/* Click-hand icon over the image */
.click-sign {
    position: absolute;
    right: 12px;
    bottom: 12px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;
    border-radius: 50%;

    background: white;
    color: red;
    
    font-size: 20px;

    transition: background-color 0.25s ease,
                color 0.25s ease,
                transform 0.25s ease;
}


/* Hover effects */
.service-link:hover .click-sign {
    background: #0d6efd;
    color: #fff;
    transform: scale(1.12);
}

.service-link:hover .service-link-caption i {
    color: black;
    background-color: aqua;
}

/* Keyboard accessibility */
.service-link:focus-visible {
    outline: 3px solid #0d6efd;
    outline-offset: 3px;
}