.main-services-item {
    position: relative;
}

.main-services-item::before {
    content: '';
    display: flex;
    width: 100%;
    padding-bottom: 100%;
}

a.main-services-item:hover .title {
    color: var(--fill-1);
    transition: var(--transition);
}

.main-services-item .item-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1.5rem;
    overflow: hidden;
}

.main-services-item .title {
    font-size: 1.25rem;
}

.main-services-item .item-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}

.main-services-item .item-img::before {
    content: '';
    display: block;
    padding-bottom: 60%;
}

.main-services-item .item-img img{
    position: absolute;
    top: 0;
    right: 0;

    pointer-events: none;
    object-fit: contain;
    width: 100%;
    height: 100%;
    object-position: right;
}

@media (max-width: 991px) {
    .main-services-item .title {
        font-size: 1rem;
    }
}

@media (max-width: 991px) {
    .main-services .items.scroll-slider {
        max-width: unset;
    }
}