/* IMAGEs */
.bg-services{
    background-repeat: no-repeat; 
    background-position: right;
    background-size: cover;
    border-width: 0px;
    border-style: solid;
    background-image: url("/assets/img/services/product-design/PRODUCT-DESIGN-COVER.png");
}  

/* Fondo para img mobile */
.image-mobile{
    display: block; 
    min-height: 300px;
    background-repeat: no-repeat; 
    background-position: right;
    background-size: cover;
    border-width: 0px;
    border-style: solid;
    background-image: url("/assets/img/services/product-design/PRODUCT-DESIGN-COVER.png");
}

.separator, .separator-mobile{
    height: 250px;
    margin-top: -20px;
}

.separator-mobile{
    position: absolute;
    right: 1.5rem;
}

.small-separator{
    height: 150px;
    margin-top: -20px;
}

.mt-custom{
    margin-top: -3%
}

.ml-custom{
    margin-left: 0rem;
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .image-mobile{
        display: none;
    }

    .lh-0{
        line-height: 0;
    }

    .ml-custom{
        margin-left: 10rem;
    }
}

@media screen and (max-width: 768px) {
    .bg-services{
        background-image: none;
    }
}

/* Desktop: Image size for specific images */
.img-desktop-230 {
    width: 230px;
}

/* Mobile: Image above text, centered - Same size as system-analysis.html (120px) */
@media screen and (max-width: 767px) {
    img.imgs-services-mobile {
        width: 120px !important;
        max-width: 120px !important;
        min-width: 120px !important;
        height: auto !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .image-mobile{
        display: none;
    }

}