/*
 * Full Size Image Template.
 */

.layout-services_list .service-item {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    padding: 5px;
    background: var(--color-white);
    border-radius: 8px;
}
.layout-services_list .service-item .hover-overlay {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #FFFFFF 69.03%, #FB5F07 105.25%);
    opacity: 0;
    pointer-events: none;
    transform: translateX(10%);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, background 0.3s ease-in-out;
}
/* .layout-services_list .service-item:hover .hover-overlay {
    opacity: 1;
    transform: translateX(0);
} */
/* .layout-services_list .service-item .title {
    transition: color 0.3s ease-in-out;
}
.layout-services_list .service-item:hover .title {
    color: var(--color-orange);
} */
.layout-services_list .img-container {
    aspect-ratio: 120 / 84;
    width: 120px;
    margin-right: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.layout-services_list .img-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
    transition: transform 0.3s ease-in-out;
}
/* .layout-services_list .service-item:hover .img-container img {
    transform: scale(1);
} */
@media(min-width: 768px) {
    .layout-services_list .service-item {
        padding: 5px 30px 5px 5px;
        border-radius: 15px;
    }
    .layout-services_list .img-container {
        aspect-ratio: auto;
        width: 100%;
        height: 230px;
        border-top-left-radius: 13px;
        border-bottom-left-radius: 13px;
    }
}
@media(min-width: 1200px) {
    .layout-services_list .service-item {
        padding: 5px 30px;
        border-radius: 20px;
    }
    .layout-services_list .img-container {
        border-radius: 6px;
        aspect-ratio: 386 / 270;
        height: auto;
    }
}