/* Responsive Breakpoints */

/* Tablets and below (max-width: 991px) */
@media (max-width: 991px) {
    .center-feed {
        box-shadow: none;
        padding: 15px;
    }

    /* Disable sticky sidebar on mobile */
    .sticky-sidebar {
        position: static;
        max-height: none;
        overflow-y: visible;
        margin-bottom: 30px;
    }
}

/* Mobile Devices (max-width: 767px) */
@media (max-width: 767px) {

    /* Solution Card Mobile Layout */
    .solution-card {
        flex-direction: column;
        min-height: auto;
    }

    .card-img-bg {
        position: relative;
        width: 100%;
        height: 250px;
        right: auto;
        left: 0;
    }

    .card-gradient-overlay {
        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0.97) 30%, rgba(255, 255, 255, 0) 100%);
    }

    .card-content {
        width: 100%;
        padding: 30px 20px;
        margin-top: -120px;
        /* Overlap image slightly */
    }

    /* Footer adjustments */
    .footer-top {
        padding: 40px 0;
    }

    .footer-newsletter-wrap {
        padding: 30px;
    }
}