/* Mobile (default, applies to all) */
.residence-content-container {
    background: linear-gradient(177.53deg, rgba(5, 19, 44, 0) 5.04%, #03131D 97.51%);
}

/* Desktop (override for screens >= 768px) */
@media (min-width: 768px) {
    .residence-content-container {
        background: linear-gradient(267.62deg, rgba(5, 19, 44, 0) 4.94%, #03131D 97.54%);
    }

    html[dir="rtl"] .residence-content-container {
        background: linear-gradient(-267.62deg, rgba(5, 19, 44, 0) 4.94%, #03131D 97.54%);
    }
}

#residences .btn-container {
    position: relative;
}

#residences .btn-container:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 64px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%);
    left: unset;
    right: 0;
    top: 0;
    pointer-events: none;
}

html[dir="rtl"] #residences .btn-container:after {
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%);
    left: 0;
    right: unset;
}

.residence-mob-container::after {
    content: "";
    background: linear-gradient(180.17deg, rgba(60, 69, 64, 0) 0.15%, rgba(60, 69, 64, 0.8) 99.85%);
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75%;
    position: absolute;
}